Hi Jon, (I'm on the road and writing this from memory, I apologize if I'm making any mistakes. )
1) The code line you highlighted has a bug, it should say 10px, not 10. This has been fixed in the trunk, but not in 2.3.1. The fix will be in 2.4. Also, if you specify the width, remember to include px. 2) Re css. You can redefine the timeline css within your css (external to Timeline files). The trick is to include your css file after you include the timeline js file. The reason is that the timeline js file includes the timeline css files dynamically. As is true for all css rules, you also need to include the same or additional selectors or your rules will be overruled. Use firebug to see which rules are being followed. Hope this helped, Larry Sent via BlackBerry from T-Mobile -----Original Message----- From: Jon Crump <[email protected]> Date: Mon, 4 May 2009 10:41:07 To: <[email protected]> Subject: Timeline css confusion All, Apologies if this message is confusing, it's only because I'm confused. I've been trying to switch over to the bundled versions of the timeline code and find that a lot of my stuff breaks. 1. In the code for Timeline.PointHighlightDecorator (in decorators.js) it says this: this._width = params.width != null ? params.width : 10; // Since the width is used to calculate placements (see minPixel, below), we specify width here, not in css. but my decorator is not visible unless I include a css rule: .timeline-highlight-point-decorator { width: 10px } Fine and good, but will this throw off the positioning for any additional point decorators? and anyway, why is the params.width ignored? 2. In order to get one of my bands back to how I originally set it in the theme, I've had to mess about with the css. Some css rules seem to apply if I set them in my own css file, but some seem to be overridden by the timeline-bundle.css. For example: I can set properties on .timeline-band-1 .timeline-date-label {} in my own file, but if I try to set properties on .timeline-band-1 .timeline-date-label-em {} they do not take effect unless I declare them in the timeline-bundle.css. Similarly, the .timeline-ether-bg rule in timeline-bundle.css seems to override anything I put in my own css file. There are other examples but it doesn't seem to be systematic. I'd like to be able to keep all of the css that is peculiar to my timeline in one place and leave the bundle.css alone. There's something about inheritance here that I'm not understanding? Can anyone clarify? Jon --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
