Save Page As Lightbox / 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 id="st-newpage-save">
  <form onsubmit="return false;">
    <div id="st-newpage-save-overlay" class="popup-overlay"></div>
    <div id="st-newpage-save-interface">
      <div id="st-newpage-save-title">Save Page As</div>
      <p id="st-newpage-save-prompt">Enter a meaningful and distinctive title for your page.</p>
      <p id="st-newpage-save-field-pagename">
          Page Title: <input id="st-newpage-save-pagename" size="45" type="text" name="pagename"/>
      </p>
      <p id="st-newpage-save-tip">Tip: You'll be able to find this page later by using the title you choose.</p>
      <div id="st-newpage-save-buttons">
        <table width="100%" border="0">
          <tr>
            <td align="right">
              <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-newpage-save-cancelbutton" href="#" title="">Cancel</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </td>
                </tr>
              </table>
            </td>
            <td width="70px" align="right">
              <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-newpage-save-savebutton" href="#" title="">Save</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </form>
</div>

CSS Selectors

See Standard Button for the CSS selectors for the buttons.

#st-newpage-save
#st-newpage-save-overlay
div.popup-overlay
#st-newpage-save-interface
#st-newpage-save-title
#st-newpage-save-prompt
#st-newpage-save-field-pagename
#st-newpage-save-pagename
#st-newpage-save-tip
#st-newpage-save-buttons
#st-newpage-save-cancelbutton
#st-newpage-save-savebutton