Hi Darren, Great job on getting the labels to be inline with the tapes!
Re: duration event vs instant event: You're creating what Timeline calls "Imprecise Instant Events" -- your events, according to Timeline's way of viewing things, happen at an "instant" -- the start time. But the events could end anywhere up-through the end time-- they are "imprecise." Imprecise instant events have an icon and have a tape that is not 100% opaque. Re band background: You're right. Band background is now controlled by css, not by the Theme. Add some rules in your css to override the default rules in http://simile-widgets.googlecode.com/svn/timeline/trunk/src/webapp/api/styles/ethers.css The band backgrounds rule defaults are at the bottom of that file: .timeline-band-0 .timeline-ether-bg{background-color:#eee} .timeline-band-1 .timeline-ether-bg{background-color:#ddd} .timeline-band-2 .timeline-ether-bg{background-color:#ccc} .timeline-band-3 .timeline-ether-bg{background-color:#aaa} Some things are controlled by css, others by explicit settings. The latter are needed in various cases when the Javascript Timeline program needs to explicitly calculate layout placement. Regards, Larry ________________________________ From: Darren <[EMAIL PROTECTED]> To: SIMILE Widgets <[email protected]> Sent: Monday, November 24, 2008 5:31:15 PM Subject: Re: Problem loading Timeline in iFrame, old ver look vs new Hi Larry, Nice to hear from you again and thank you for your input. Also, thank you for adding my site to the examples page. I appreciate it. Regarding my issues: 1) I'll upgrade my copy of jQuery and run some tests incorporating your suggestions regarding Thickbox. Hopefully it won't be too difficult to figure out. 2) Thanks for the explanation regarding the vertical ordering of events in the overview band. However, I was under the impression the events I am using are duration events, not instant events as they have a different start and end date. If this is true, I don't understand why it isn't working. 3) As you can see from my work in progress V2 timeline, I have successfully managed to make it resemble V1. I simply modified the padding and margins within the CSS. Please see the source code for details. 4) I ckecked out the example you provided with multiple bands. I can get multiple bands to work on my copy, just not change the background color in theme2 (http://www.semi-directory.com/js/ event_timeline2.2.js) Am I going wrong somewhere? A suggestion would be to change the color of the time divider text in the default theme as the 4th band has the same color background as text, effectively hiding content in that band. Making the default background color a little darker would solve this. Regards, Darren On Nov 24, 5:33 pm, Larry Kluger <[EMAIL PROTECTED]> wrote: > Hi Darren, > > My comments in brackets, [like this] > > Loading it in an iFrame and not using Thickbox works perfectly so it > must be something to do with that. Any ideas how to fix this? > > [I'd use Firebug and trace through what is happening when the Timeline is > being re-positioned. > A different approach is to start with what is working (iframe with no > ThickBox), and go from there. > In particular: > Do NOT load jquery since it is already loaded by Timeline-api. > BUT, the ver of jquery that the old Timeline ver loads is not current. So > could be a combination of > a) loading the jquery library twice and > b) they are different versions. > > My recommendation is that since you want to use something that is pretty up > to date (Thickbox), you'll need to upgrade to a ver of Timeline that is using > the same ver of jquery as Thickbox. > ] > > As for upgrading, i've already started working on this, but I actually > prefer the layout of the old version (call me old fashioned if you > like!). Specifically, here are things I liked about the older version: > > - In the overview band, events are staggered vertically. In the new > version, they are all on one plane. I feel the vertical formatting > makes it easier to read. > [Yes, I think this was a change made to the overview painter. > The behavior is now different if you're using instant events, rather than > duration events. > (That's fine, of course.) So two ways to fix: > 1) Change the overview-painter. If you look in it, you'll see that it does > use separate tracks if the event is a duration event, but not if it is an > instant event. > 2) Use a separate event source for the overview bands where the events have > attribute durationEvent true. > Downside of this technique is that you'd doube the downloads and memory usage > in the browser for events. Not a good thing. > ] > > - The label for each event was in-line with the event icon and > overlaid on the event tape. I don't like how the new version places > them directly below the tape. I have tried to customize my new version > look like the old version via CSS. > [ > Yes, this is a change that was made at some point. > I don't know that you'd be able to get the old look with css. Let us know how > you get on with this. > I think it is reasonable to be able to have the labels on top of the tapes as > it was in ver 1. > ] > > - The big problem I have is appyling a 2nd theme to bands 2 and 4 in > my instance. If you can work out what I need to do to make the new > version have band colors similar to the ones I am currently using, > that would be great! > > [Each band can have its own theme. > Seehttp://simile-widgets.googlecode.com/svn/timeline/trunk/src/webapp/ex... > for an example of two different themes being used. > ] > > You can find my new work in progress version > athttp://www.semi-directory.com/events2.2.asp > > Thanks, > > Darren --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
