Hi Jorge, Happy to help, thanks for the update and compliment.
Let us know if you have any public Timelines to be added to the in-the-wild wiki page. Regards, Larry ________________________________ From: Jorge <[email protected]> To: SIMILE Widgets <[email protected]> Sent: Thursday, March 26, 2009 7:56:21 AM Subject: Re: change the css class of event tape from timeline-event-tape Hi Larry, I´ve did in a simple way following your idea of multiple classes in classname. It´s brilliant and works :) Thanks To whom might want dots, dashs or anything in border css , instead of a full color bar, here is how I did it : I´ve added in json the property classname with "special_event2 brown", another json event with "special_event2 aqua", etc etc Then in styles.css I´ve added all the colors in css format, like this : ..... .aqua{color: #00FFFF;} .aquamarine{color: #7FFFD4;} .bisque{color: #FFE4C4;} .brown{color:#A52A2A;} ..... then define this class in styles.css also .tape-special_event2, .small-special_event2 {border-bottom: dotted 7px ;background-color:transparent;} And that´s it :) If you want more events with dashes instead of dots, you just have to defined in css, the class with the prefix tape- .For instance If I want another bar with dash I would have add to css .tape-special_event3, .small-special_event3 {border-bottom: dashed 5px ;background-color:transparent;} and added in json classname property "special_event3 <some color name>" The json color property doesn´t work with this method( and should not be in json data) because it changes the backgroundcolor of the div instead. Larry, if you need I can post here all the colors in css format. Thanks once again for your support --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SIMILE Widgets" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en -~----------~----~----~----~------~----~------~--~---
