I'm using the v2.3.1 online bundled files. Working from the example of
the main Timeline JFK example I've added both span and point
highlighters like so:
for (var i = 0; i < bandInfos.length; i++) {
bandInfos[i].decorators = [
new Timeline.SpanHighlightDecorator({
startDate: 'Tue, Nov 27 1979 00:00:00 GMT+0000',
endDate: 'Wed, Feb 15 1989 00:00:00 GMT+0000',
color: '#FFC080',
opacity: 10,
startLabel: 'Start',
endLabel: 'End',
theme: theme,
cssClass: 't-highlight1'
}),
new Timeline.PointHighlightDecorator({
date: 'Tue,Sep 11 2001 14:38:00 GMT-0000',
color: '#FFC080',
opacity: 50,
width: 10,
theme: theme,
cssClass: 'p-highlight1'
})
];
}
The span highlight works fine and shows up but the point one doesn't.
Using Firebug, I can see the point highlight is created.
Interestingly, the CSS error flag in the Web Developer toolbar in
Firefox gives me this error:
Warning: Error in parsing value for 'width'. Declaration dropped.
Source File: file:///Users/xxxx/Documents/Projects/xxxx/xxx/local.html
Line: 0
If I remove the PointHighlightDecorator object from the above code I
get no such error, so it's something in the result of calling this
that results in the error and the highlight not being seen:
new Timeline.PointHighlightDecorator({
date: 'Tue,Sep 11 2001 14:38:00 GMT-0000',
color: '#FFC080',
opacity: 50,
width: 10,
theme: theme,
cssClass: 'p-highlight1'
})
I've validated all the CSS in the unbundled 2_3_0 source but see no
errors. Of course the online files are v2.3.1 but there no v2.3.1
change log nor does the JFK example cite which version it uses. If I
use local versions of v2.3.0 libraries I get the same error. FWIW, I'm
not customising the Timeline CSS, IOW I think the error is in the
Timeline JS somewhere
Anyone any idea how I debug this further?
Regards
Mark
--
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.
