List Tabs


Home: Socialtext Style Customization Guide
Up: Styling The List View
Previous: Styling The List View
Next: What's New List View


list-tabs.jpg

List tabs provide your navigation for the many different list views that Socialtext provides.

You can hide any tab by setting the selector style to "display: none". If you hide the "All Pages" tag be sure to adjust the style for the next visible tag to include the spacer.

E.g. #st-listview-tabs li.alltags { display: none; }

Here is a list of the selectors:

HTML Snippet

<div id="st-listview-tabs">
  <ul>
    <li class="recentchanges"><a href="index.cgi?action=recent_changes">What's New</a></li>
    <li class="yourwatchlist"><a href="index.cgi?action=display_watchlist">Your Watchlist</a></li>
    <li class="recentlyviewed selected"><a href="index.cgi?action=breadcrumbs_list">Recently Viewed</a></li>
    <li class="spacer allpages"><a href="index.cgi?action=changes&changes=all">All Pages</a></li>
    <li class="alltags"><a href="index.cgi?action=category_list">All Tags</a></li>
    <li class="allfiles"><a href="index.cgi?action=attachments_listall">All Files</a></li>
  </ul>
</div>

CSS Selectors

The "selected" class is used to highlight the active tab. The "spacer" class is used to put some space between the tabs (as between the "Recently Viewed" and "All Pages" tabs).

#st-listview-tabs
li.selected
li.spacer
li a
ls.recentchanges
li.yourwatchlist
li.recentlyviewed
li.allpages
li.alltags
li.allfiles