There's two ways to do this:
Turn the labels off via CSS
or
Don't draw the labels in the first place (which improves performance)
The first is easy. Add this css rule to your stylesheet:
#timeline-band-x div.timeline-date-label {display:none}
where x is the index of the band you wish to turn labels off. The first band is
0, the second is 1, etc.
The second way is not difficult, but it requires some custom Javascript coding.
This happens in the EtherPainter and in the EtherIntervalMarkerLayout code.
When you create a band, it is assigned an ether painter, usually the
GregorianEtherPainter. One attribute of the GregorianEtherPainter (and
HotZoneGregorianEtherPainter) is the _intervalMarkerLayout. This is a instance
of the EtherIntervalMarkerLayout class which draws both the lines (the tick
marks) and the date labels.
Quick-n-dirty example:
Make a copy of the EtherIntervalMarkerLayout class and call it
"NoLabelMarkerLayout" or whatever. Delete or comment out the code that adds the
label div to the markerDiv inside the createIntervalMarker function.
After you create your bands, grab the one you want and change it's ether
painter's _intervalMarkerLayout to the NoLabelMarkerLayout.
var ep = tl.getBand(0).getEtherPainter();
ep._intervalMarkerLayout = new Timeline.NoLabelMarkerLayout(
ep._timeline, ep._band, ep._theme, "hAlign", true);
--Mike
On Mar 26, 2012, at 2:47 PM, khayes wrote:
> Is it possible to hide the date labels at the bottom of a band? I have
> multiple bands and I only want to show the labels on one of 4 bands
> that I have.
--
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.
