Hi Ramon, Glad it's working for you. You shouldn't need the styles directory, all of those css files are contained in the timeline-bundle.css file which is included with the timeline_libraries.zip file. Check that you were setting bundled=true in your call to the timeline-api file.
Regards, Larry On Oct 5, 7:26 pm, felciano <[EMAIL PROTECTED]> wrote: > Yup, that did the trick -- thank you. > > BTW, I wasn't able to figure out how to get it working with the > libraries download -- I had to go to the src download and then copy > the api directory out of src/webapp/. I can't tell from the README > whether that is intended. Based on the names, I expected the libraries > package to be a drop-in package that I could unzip and deploy. > However, it looks like there are some key things missing from > timeline_js/ directory such as the styles/ directory that is present > in the api/ dir. So is the recommended deployment to go straight to > the source download? > > In any case, it is working great now -- thanks for helping resolve > this so quickly! > > Ramon > > On Oct 4, 6:36 pm, LarryK <[EMAIL PROTECTED]> wrote: > > > Hi Ramon, > > > The problem is that you're not using the current release of Timeline. > > Use either release 2.2.0 (current release) or the trunk version. > > Release 2.2.0 is available > > here:http://simile-widgets.googlecode.com/svn/timeline/tags/2.2.0/ > > > It does NOT wrap long labels on FF3/Win, Safari/Win, Chrome/Win, IE7/ > > Win, Safari/Mac. It does wrap long labels on FF3/Mac > > > Regards, > > > Larry > > > On Oct 3, 8:29 pm, felciano <[EMAIL PROTECTED]> wrote: > > > > I'm using Firefox 3 on Windows, and have reproduced this in IE7 on > > > Windows as well. > > > > The JSON and HTML below reproduce the problem. The HTML is based > > > closely on the sample code on the wiki, and the JSON is very simple, > > > but with long titles. On my screen, "This is not an unusually long > > > title but you probably can't read the end of it" is truncated to "This > > > is not an unusually long title". If you look closely, it looks like > > > the contents are wrapping. > > > > <html> > > > <head> > > > <title>Broken Timeline</title> > > > <span style="background:#FFFFE0"> > > > <script src="http://simile.mit.edu/timeline/api/timeline-api.js"; > > > type="text/javascript"></script> > > > </span> > > > <script> > > > var tl; > > > function onLoad() { > > > var eventSource = new Timeline.DefaultEventSource(); > > > var bandInfos = [ > > > Timeline.createBandInfo({ > > > eventSource: eventSource, > > > width: "70%", > > > intervalUnit: Timeline.DateTime.HOUR, > > > intervalPixels: 100 > > > }), > > > Timeline.createBandInfo({ > > > eventSource: eventSource, > > > showEventText: false, > > > width: "20%", > > > intervalUnit: Timeline.DateTime.DAY, > > > intervalPixels: 200 > > > }) > > > ]; > > > bandInfos[1].syncWith = 0; > > > bandInfos[1].highlight = true; > > > > bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout()); > > > > tl = Timeline.create(document.getElementById("my-timeline"), > > > bandInfos); > > > > tl.loadJSON("broken-events.js", function(json, url) { > > > eventSource.loadJSON(json, url); > > > }); > > > > } > > > > var resizeTimerID = null; > > > function onResize() { > > > if (resizeTimerID == null) { > > > resizeTimerID = window.setTimeout(function() { > > > resizeTimerID = null; > > > tl.layout(); > > > }, 500); > > > } > > > } > > > </script> > > > </head> > > > <body onload="onLoad();" onresize="onResize();"> > > > <div id="my-timeline" style="height: 550px; border: 1px solid > > > #aaa"></div> > > > </body> > > > </html> > > > > { > > > 'dateTimeFormat': 'iso8601', > > > 'events': [ > > > { > > > 'start':"2008-10-04 00:00:00 -0600", > > > 'title':"This is my example and it is actually very long" > > > }, { > > > 'start':"2008-10-04 00:00:00 -0600" , > > > 'end':"2008-10-05 00:00:00 -0600" , > > > 'title':"This is not an unusually long title but you probably > > > can't read the end of it" > > > } > > > ] > > > > } > > > > On Oct 3, 4:03 pm, LarryK <[EMAIL PROTECTED]> wrote: > > > > > Hi Ramon, > > > > > AFAIK, labels should never be wrapped. There's a known bug (see the > > > > Timeline release notes) with label wrapping occurring on Firefox 3 for > > > > Mac. Which browser and platform are you using? > > > > > For example, some of the titles on the Kennedy example are quite long > > > > and they don't wrap. > > > > Eg, this label does not wrap: > > > > > If time flies when you're having fun, it hits the afterburners when > > > > you don't think you're having enough. > > > > > (I'm adding the above as another test in the test timeline.) > > > > Exactly how long are your labels that are wrapping? > > > > > How label widths are calculated: > > > > The original-painter.js file sets an explicit .style.width property > > > > -- see Timeline.OriginalEventPainter.prototype._paintEventLabel > > > > > The div width is determined by first loading a hidden span with the > > > > title, then seeing what its width is. This measurement is done by > > > > SimileAjax.Graphics._FontRenderingContext.prototype.computeSize in > > > > file graphics.js (in the ajax tree, not timeline tree). > > > > > The span used for the measuring is created by original-painter.js in > > > > function Timeline.OriginalEventPainter.prototype._prepareForPainting > > > > -- note the section that culminates in the call to this._frc = > > > > SimileAjax.Graphics.getFontRenderingContext(eventLabelPrototype); > > > > > Regards, > > > > > Larry > > > > > On Oct 3, 5:49 pm, felciano <[EMAIL PROTECTED]> wrote: > > > > > > Hi -- > > > > > > Is there a Timeline setting that controls the width or truncation > > > > > point for displayed event labels? Events with long titles appear > > > > > truncated, or wrapped around to a 2nd line that isn't visible in the > > > > > timeline. Is that configurable? > > > > > > In case it matters, I've noticed this is a particular problem when > > > > > there the label has very_long_words_in_it (I am visualizing code > > > > > elements, so there are long variable names w underscores). > > > > > > Thanks, > > > > > > Ramon --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
