Page View Action 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.

Edit Tools

Edit tools contains two buttons: Edit Button and Comment Button

HTML Snippet

<div id="st-editing-tools">
  <div id="st-editing-tools-display">
  <!-- edit button -->
  <!-- comment button -->
  </div>
</div>

CSS Selectors

#st-editing-tools
#st-editing-tools-display

<div id="st-pagetools">
  <ul class="level1">
    <li>
      <a title="Print this page" id="st-pagetools-print" href="JavaScript:window.print()">Print</a>
    </li>
    <li>
      <a title="Email this page" id="st-pagetools-email" 
         href="?action=email_page_popup;page_name=socialtext_style_customization_guide"
         onclick="query_popup('index.cgi?action=email_page_popup;page_name=socialtext_style_customization_guide',690,580); return false;">
         Email
       </a>
    </li>
    <li class="submenu"><span id="st-pagetools-tools">Tools</span>
      <ul class="level2">
        <li class="first">
          <a onclick="query_popup('index.cgi?action=duplicate_popup;page_name=socialtext_style_customization_guide',410,300); return false;" 
             href="index.cgi?action=duplicate_popup;page_name=socialtext_style_customization_guide">
             Duplicate Page
          </a>
        </li>
        <li>
          <a onclick="query_popup('index.cgi?action=rename_popup;page_name=socialtext_style_customization_guide',410,300); return false;" 
             href="index.cgi?action=rename_popup;page_name=socialtext_style_customization_guide">
             Rename Page
           </a>
        </li>
        <li >
          <a href="index.cgi?socialtext_style_customization_guide" 
             onclick="confirm_delete('socialtext_style_customization_guide'); return false">
             Delete Page
          </a>
        </li>
        <li class="separator">
          <a href="index.cgi?action=send_to_workspace_popup;page_name=socialtext_style_customization_guide" 
          onclick="query_popup('index.cgi?action=send_to_workspace_popup;page_name=socialtext_style_customization_guide'); return false;">
          Copy&nbsp;Page&nbsp;to&nbsp;Workspace
          </a>
        </li>
        <li>
          <a href="mailto:css-guide-2@www2.socialtext.net" title="css-guide-2@www2.socialtext.net">Email To This Workspace</a>
        </li>
        <li class="separator">
          <a href="mailto:css-guide-2@www2.socialtext.net?Subject=Socialtext Style Customization Guide"
             title="To: css-guide-2@www2.socialtext.net / Subject: Socialtext Style Customization Guide">
             Email To This Page
          </a>
        </li>
        <li class="separator">
          <a href="index.cgi?action=display_html;page_name=socialtext_style_customization_guide" target="_new">
             Export as HTML
          </a>
        </li>
      </ul>
    </li>
  </ul>
</div>

CSS Selectors

#st-pagetools
#st-pagetools ul.level1
#st-pagetools ul.level1 li
#st-pagetools ul.level1 li a
#st-pagetools ul.level1 li.submenu
#st-pagetools ul.level1 ul.level2
#st-pagetools ul.level1 ul.level2 li.first
#st-pagetools ul.level1 ul.level2 li
#st-pagetools ul.level1 ul.level2 li.separator
#st-pagetools-tools

Edit Tools

HTML Snippet

CSS Selectors

Page Tools

HTML Snippet

CSS Selectors