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 -~----------~----~----~----~------~----~------~--~---
