you're right, I proposed two possible approaches: * use the @icon attribute * use any attribute (such as @type) you like, and then use event.getProperty(), but you'd obliged to write some JS code to actually use this in your timeline. I'm using this to filter events on types, for example. indeed, event attributes are not (to my knowledge) transferred to the final HTML.
there should be plenty of more useful examples on the simile website that should help you use css. cheers, Jakob. On Tue, Sep 21, 2010 at 08:04, mliebelt <[email protected]> wrote: > Hi Jakob, > > On Sep 20, 6:30 pm, Jakob Fix <[email protected]> wrote: >> I'm using the @icon attribute in my events XML file to specify the >> icon to display. while this will work it's not elegant as the icon is >> hard-coded. you could actually use whatever attribute you want and >> then exploit it using event.getProperty(attrName), although I've only >> used it for filtering so far. In the XML file referenced below, see >> the @type and @agreement attributes. >> >> http://eoi.oecdco.de/timeline.html+http://eoi.oecdco.de/timeline_data.xml > > I have looked at your example (thank's a lot for them, they are pretty > nice), and I found the following: > > * Your type attribute is not visible any more in the HTML text > rendered, an event looks there like: > <div class="timeline-event-label" id="label-tl-0-0-e4" style="left: > 2638px; width: 97px; top: 22px">G20 Toronto summit</div> > <div class="timeline-event-icon" id="icon-tl-0-0-e733" style="left: > 2562px; top: 6px"> > <img src="http://eoi.oecdco.de/js/timeline/src/webapp/api/images/green- > circle.png"/> > </div> > * So by naming the icon, you can define the color (red vs. green). > * Because the attributes class and id are used, I see no chance to > enhance the display by just using CSS. But perhaps I could go with the > icon idea. > > So thank you a lot for your answer > >> cheers, >> Jakob. > > Bye > Markus > >> On Mon, Sep 20, 2010 at 15:32, mliebelt <[email protected]> wrote: >> > Hi everyone, >> >> > I am using currently timeline to display requests on a server, and it >> > works great for us. We have identified problems we had just by looking >> > at the graphical view instead of the textual log files. >> >> > I would like now to enhance the graphical view by giving the events >> > different colors (just to start with that). I looked around in the >> > documentation, but I did not find any hint, that this exists. Instead, >> > i found onhttp://code.google.com/p/simile-widgets/wiki/Timeline_Ideas >> > that the idea exists, but yet no implementation. >> >> > What are options to differentiate events? I would like to do the >> > following: Events working mostly in JSF will be displayed different to >> > the ones that use mostly the database. >> >> > Perhaps there is a workaround to get something different with a >> > similar meaning. >> >> > Bye >> > Markus > > -- > 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. > > -- 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.
