Hey Micheal,
Thank you for your response! Yes, I tried modifying the CSS but ran
into a couple issues:
1) The event text wraps around and bumps into the next event
beneath it -- I guess I could adjust the track height to compensate
but if I refresh the display, then the text is redisplayed all on one
line which is how I would have liked it to display the first time.
2) I've noticed on updating theme & CSS the tape layout changes
but the overview band does not reflect new layout.. SO looking at the
overview band you expect to see an event in a certain position in
relation to other events but they are not there.
3) If I scroll a page or 2 to the left or right, all the fonts
rest back to original size.
4) If I increase the tape size & modify the font size via CSS and
then double-click in the overview band, it scrolls WAAAY past where I
expected it to.
Ideally, I guess I was hoping that the font info would be contained
in the theme object and timeline would auto-adjust to accommodate new
font and handle scroll/layout/etc
Any help/suggestions on these issues would be greatly appreciated. :D
Thanks for your help
Jim
On Jul 19, 8:52 am, Michael Nosal <[email protected]> wrote:
> This is easily managed by CSS.
> The default font size for the timeline is set in
> /timeline/src/webapp/styles.css
> .timeline-default {
> font-family: Trebuchet MS, Helvetica, Arial, sans serif;
> font-size: 8pt;
> border: 1px solid #aaa;
>
> }
>
> Changing the font-size declaration here will adjust all the font-sizes used
> in the Timeline.
> All the other font-size declarations are based on % values.
>
> Just about every item in the timeline has its own CSS class that makes it
> simple to alter the styles associated with the item. You could change the
> default base font size to 12pt, but then add another rule to change the date
> labels back down to 10pt:
> .timeline-default {
> font-size:12pt;}
>
> .timeline-date-label {
> font-size:10pt; // or font-size:80% or 0.8em
>
> }
>
> Don't edit the .css files in the timeline code itself, but rather put your
> changes in a separate .css file that you load after Timeline. Your values
> will override the ones in the Timeline .css and it will be much easier to
> find/manage your changes.
>
> --Mike
>
> On Jul 13, 2011, at 12:33 PM, jg wrote:
>
>
>
>
>
>
>
> > I'm trying to dynamically change the size of the font of all the
> > items within the timeline display (to include the dates, bands,
> > watermarks, etc) I saw where I can change the height of the event by
> > modifying 'theme.event.tape.height' and 'theme.event.track.height' but
> > it doesn't adjust the font height.
>
> > I started looking at css within firebug, but looked like the font
> > size was in html, body and I don't want to change the size of all the
> > other items in the display -- just timeline.
>
> > So then I started looking through the code and saw
> > Graphics._FontRendererContext. Should I pursue trying to override
> > those methods or is there a better solution?
>
> > Thank you for your help
> > Jim
>
> > --
> > 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
> > athttp://groups.google.com/group/simile-widgets?hl=en.
--
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.
