Jump to content
  • 0

Calendar - Conditionally Change Backgrounds


alanhoffman
 Share

Question

Hi all..

 

I have a weekly calendar data page in my which shows that days for which assets are available..

 

Is it possible to set the background of the entire box containing all the data conditionally i.e. different colors for different assets

 

e.g.

Asset 1:  TV 

Asset 2:  DVD 

Asset 3: PC 

 

The weekly calendar shows

1st March                             2nd March                 3rd March

 

TV Ref: A1233                          -                           TV Ref: A1238

DVD Ref: A1234                   DVD Ref: A1236      DVD Ref: A1239

PC Ref: A1235                      PC Ref: A1237                 -

 

 

In the weekly calendar, is it possible for each of the assets to have a different colour background for the entire box they are in?

 

I hope the above is clear enough...

 

Many thanks

 

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

I have this code in HTML Block on my report page

<div id="visi[@field:ID]"></div>
<script>
var isi = document.getElementById("visi[@field:ID]");
if('[@field:Name]' == 'A'){
isi.parentNode.parentNode.style.backgroundColor = '#b3e6b3';
}else if('[@field:Name]' == 'B'){
isi.parentNode.parentNode.style.backgroundColor = 'red';
}
else if('[@field:Name]' == 'D'){
isi.parentNode.parentNode.style.backgroundColor = 'yellow';
}

</script>

ID is the unique field in the report and Name is the field I want to check background for based on the value in it

Link to comment
Share on other sites

  • 0

This will change the whole cell background color

 

<div id="visi[@field:ID]"></div>
<script>
var isi = document.getElementById("visi[@field:ID]");
if('[@field:Name]' == 'A'){
isi.parentNode.parentNode.parentNode.parentNode.style.backgroundColor = '#b3e6b3';
}else if('[@field:Name]' == 'B'){
isi.parentNode.parentNode.parentNode.parentNode.style.backgroundColor = 'red';
}
else if('[@field:Name]' == 'D'){
isi.parentNode.parentNode.parentNode.parentNode.style.backgroundColor = 'yellow';
}

</script>

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...