How to customise calendar items for Events and News

-

i've been able customise calendar i'm trying differentiate between event item , news item. both items provide class="events" isn't useful show difference between 2 types of items on calendar.

 

is there way around show event items yellow background , news items blue background. can't find other properties within setup separate two.

 

any appreciated.

 

cheers.

there's no way out-of-the-box event , news calendar.  best bet use javascript/jquery add class depending on url of item.  typically, events start url of /bookingretrieve.aspx , news items have url starts base url setup news posts ("announcements" or "news" etc.).  so, since cannot change url prefix of events can news module, we'll check links on in calendar , if start "/bookingretrieve.aspx" we'll give table cell class events , if not, we'll give class news can use css target it.

 

here's javascript should put in between script tags after module rendered on page:

 

(function($) {

     var links = $(".module-calendar a.event");

      links.each(function() {

          var url = $(this).attr("href");

          var parenttd = $(this).parents("td");


          if (url.match("bookingretrieve.aspx")) {

               parenttd.addclass("event");

          } else {

               parenttd.addclass("news");

          }

     }); 

})(jquery);

 

that jquery script should add classes td element holds links news or event.  once in place can add css screen.css file target new classes added:

 

table.module-calendar td.event {

     background: lightyellow;

}

table.module-calendar td.event span {

     background: yellow;

}

table.module-calendar td.news {

     background: blue;

}

table.module-calendar td.news span {

     background: lightblue;

}

 

you can, of course update colors more specific base css colors , not want once javascript adds classes can target css rules td or spans within them or else in td.



More discussions in How to - HTML / CSS / JavaScript


adobe

Comments

Post a Comment

Popular posts from this blog

Thread: gpg: Conflicting Commands

-
Image
hi, relatively new linux (have used many live disks) , have had install of ubuntu 12.04 few days now. part have found easy use , have been comfortable it. have first question can't resolve myself: adding googles repository list. when first ran command supplied google found did not have wget installed. used apt-get install it. worked fine (as far can tell) re-ran googles code : wget -q https://dl-ssl.google.com/linux/linux_signing_key.pub -o- | sudo apt-key add -deb http://dl.google.com/linux/deb/ stable non-free , message 'gpg: conflicting commands' tell me going wrong , how fix please new script : wget -q https://dl-ssl.google.com/linux/linux_signing_key.pub -o- | sudo apt-key add linux_signing_key.pub need edit /etc/apt/sources.list , add line @ end deb http://dl.google.com/linux/deb/ stable non-free end hope find usefull edit: need root or use sudo make changes /etc/apt/sour...
Read more

Adobe Acrobat Pro , Terminal Server Use

-
hello,   a fellow employee requires adobe acrobat pro installed use, , management me have sorted out. employee uses thin client connect terminal server of administration work.   i require single license adobe acrobat pro used single user.   will there license issues installing adobe acrobat pro on terminal server?   can install adobe acrobat pro on terminal server?   thanks, david hi david,   yes, can install acrobat terminal servers... !   the licensing terminal server considered normal licensing process, means need buy many number of licenses acrobat number of users accessing terminal server (like citrix) access software. eg if 10 users accessing citrix server @ particular time use acrobat software need 10 licenses same. More discussions in Installing, Updating, & Subscribing to Acrobat adobe
Read more

when i try using AE CC 3d camera tracker after the first step it says "Analysis solve failed." help?

-
im attempting editor , trying edit segment video game (bo2) , im trying have text stick wall in video. every time try using camera tracker spends 5 minutes completing first step , guess succeeds because goes second step says "solving camera" or that, red bar appears saying "analysis solve failed." do? if you're trying use 3d camera tracker on movie froma vieo game not shot real camera, camera tracker unable solve "real" camera matched scene. More discussions in After Effects adobe
Read more