Socialtext Documentation

List Tabs: Revision 2

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

----

> {image: 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

.pre
<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>
.pre

^^^^ 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).

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