Brian L. Croxall wrote:
> Hi all,
>
> I've moved on from my initial projects involving Timelines (powered by 
> Exhibit) running off Google Spreadsheets. I'm currently working on 
> designing a dynamic department directory with Exhibit. You can see the 
> page at 
> http://webdrive.service.emory.edu/users/bcroxal/www/english_grad_exhibit.html.
>  
> My questions have to do with the Tile view (called "Tiles" on my page).
>
> Question 1. How do I get borders to show up around the tiles. I'm 
> looking for something similar to the borders on the "Details" view of 
> the US Presidents or the MIT Nobelists page.
Add some CSS rules

    <html>
       <head>
          ...
          <style>
             .gradStudent {
                border: 1px solid white;
                padding: 10px;
             }
          </style>
          ...
       </head>
       <body>
          ...
       </body>
    </html>

> Question 2. I have chosen to go with a dark blue background to match 
> the site into which this could be integrated. As such, I have changed 
> the text color to white. This creates a problem, however, when you 
> want to change what you are sorting by. If you click on "field," the 
> box where you make your chooses is a light tan and it is impossible to 
> read the white text against it without moving your cursor over. I have 
> looked through a number of Exhibits, and since this box is always this 
> color I assume that it is something that is written into the Exhibit 
> javascript. Is there a way around this?
Add this CSS rule

    div.exhibit-menu-popup {
       color: black;
    }

> I get a similar problem in the "Thumbnail" view. I had also had a 
> similar problem in the "Hometowns" view, when you clicked on a point 
> on the map. I got around this by adding a <font color="black"> to the 
> bubble controls as below.
>
> <div ex:role="view"
>    ex:viewClass="Map"
>    ex:label="Hometowns"
>    ex:latlng=".hometown_LatLng"
>    ex:center="38.479394673276445, -30.361328125"
>    ex:zoom="2"
>   ex:colorKey=".entry_year"
>   ex:colorCoder="year-colors">
>                                         
>       <div class="map-lens" ex:role="lens" style="display: none;">
>       <font color="black"><span ex:content=".label"></span><br/>
You could also have added this CSS rule

    div.map-lens {
       color: black;
    }

David
_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general

Reply via email to