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