Navigation Bar / Socialtext Documentation

The sidebar contains information that relates to the page you are viewing. It features a link to page revision history, a watchlist star that lets you put the page into your watchlist or remove it, and three colored boxes displaying Tags, Incoming Links, and Attachments.

Toggling the sidebar. Clicking the V shape in the right-hand corner of the page will make the sidebar vanish. Click the > to bring back the sidebar.

The sidebar boxes are presented in the following order:

Tags. This is a list of all the Tags that have been applied to the page.

Incoming links. This is a list of all the pages that have a link to the page you are currently viewing.

Attachments. A list of this page's attached files.

There are two optional sidebar boxes:

What's New. A list of this workspace's most recent changes. Use "What's New" in the Settings page to control display of this box.

Recently Viewed. A list of your twenty most recently viewed pages. Use "Screen Layout" in the Settings page to control display of this box.

Back to Socialtext Documentation.

HTML Snippet

<div class="st-wiki-nav">
  <div class="st-wiki-nav-right">
    <div class="st-wiki-nav-left">
      <div class="st-wiki-nav-content">
        <div class="st-wiki-nav-actions">
          <span id="st-wikinav-setting"><a href="?action=users_settings">Settings</a></span>
          <span id="st-wikinav-logout"> - <a href="/nlw/submit/logout">Log out</a></span>
          <span id="st-wikinav-help"> - <a href="/help/index.cgi?socialtext_documentation">Help</a></span>
        </div>
        <div id="st-home">
          <a id="st-home-link" href="?">Home</a>
        </div>
        <form id="st-search-form" method="get" action="index.cgi">
          <input id="st-search-term" type="text" name="search_term" value="New search" />
          <input type="hidden" name="action" value="search" />
          <table class="button-table">
            <tr>
              <td>
                <div class="button-straight">
                  <div class="button-straight-right-top">
                    <div class="button-straight-left-bottom">
                      <div class="button-straight-right-bottom">
                        <div class="button-content">
                          <a id="st-search-submit" href="#" title="Click this button to perform your search">Search</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
            </tr>
          </table>
        </form>
        <br clear="both" />
      </div>
    </div>
  </div>
</div>

CSS Selectors

.st-wiki-nav
.st-wiki-nav-right
.st-wiki-nav-left
.st-wiki-nav-content
.st-wiki-nav-actions
.st-wiki-nav-actions a
#st-home
#st-home-link
#st-search-term
#st-wikinav-setting
#st-wikinav-setting a
#st-wikinav-login
#st-wikinav-login a
#st-wikinav-register
#st-wikinav-register a
#st-wikinav-logout
#st-wikinav-logout a
#st-wikinav-help
#st-wikinav-help a

Subnav Bar

HTML Snippet

<div id="st-wiki-subnav" class="st-wiki-subnav-dashboard">
  <div id="st-wiki-subnav-left">
    <span class="st-wiki-subnav-label">Quick jump:&nbsp;</span>
      <a id="st-wiki-subnav-link-whats-new" href="?action=recent_changes">What's new</a>
      -
      <a id="st-wiki-subnav-link-weblogs" href="?action=weblog_display">Weblogs</a>
    </div>
    <div id="st-wiki-subnav-right">
      <br style="clear: both; height: 1px;" />
    </div>
  </div>
</div>

CSS Selector

div.st-wiki-subnav-dashboard
#st-wiki-subnav-left
span.st-wiki-subnav-label
#st-wiki-subnav-link-whats-new
#st-wiki-subnav-link-weblogs
#st-wiki-subnav-right

Nav Bar

HTML Snippet

CSS Selectors

Subnav Bar

HTML Snippet

CSS Selector