Hi Steve,
Yes, first, give an ID to your timeline view
<div ex:role="view" ex:viewClass="Timeline"
id="my-timeline-view"...></div>
Then just use CSS
#my-timeline-view { font-size: 80%; }
You can get fancier
#my-timeline-view div.exhibit-timelineView-timeline { ... }
It's best to use Firebug to track down the right CSS classes to override.
David
Stephen Martino wrote:
> David,
>
> Can you style the timeline component in Exhibit, ie: I want to make
> the text smaller below the actual timeline, can i add a class to the
> timeline div?
>
> thanks
>
> Steve
>
> On Mon, Jan 19, 2009 at 2:09 PM, David Huynh <[email protected]
> <mailto:[email protected]>> wrote:
>
>
> Michael JB wrote:
> > Hello! I have my Exhibit working fine with data coming in from a
> > Google spreadsheet. The tabular view is working and styled exactly
> > how I want it to be (with a few exceptions in IE but I digress).
> Now
> > I have a map view and I'm running into problems. Not really
> problems,
> > I just need some directions on how to manage the underly divs or
> > pointers on which switches to throw in my CSS.
> >
> > So here is my tabular view ->
> http://www.southbayfoodies.com/restaurant-week-2009/
> >
> > And here is my map view ->
> http://www.southbayfoodies.com/restaurant-week-2009/area-map/
> >
> > My questions for the map view:
> >
> > 1. How do I remove the cloud of icons and text below the map? Its
> > cute but its not useful without links or some other connection
> to the
> > map.
> >
> Try adding ex:showFooter="false" to the map view div.
>
> Or you could also add this CSS rule
>
> div.exhibit-color-legend { display: none; }
>
> > 2. How do I define what data is presented in the popups when an
> icon
> > is selected on the map? Speaking specifically to my data, I'd
> like to
> > only have the label, address, price, menu and reserve details
> > presented.
> >
> You specify a lens template, something like
>
> <div ex:role="lens" style="display: none;" class="someClass">
> <div class="titleClass"><span ex:content=".label"></span></div>
> <div class="addressClass">Address: <span
> ex:content=".address"></span></div>
> </div>
>
> > 3. Once I've got the correct data in the pop up, how do I style it?
> > Specifically, I'd like to remove the "header labels" (label,
> address,
> > etc.) and only have the data. Then I might like to apply some
> > formatting (bold, etc.).
> >
> In the the lens template you can specify CSS classes and then just use
> CSS to style it.
>
> David
>
>
>
>
>
> >
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
