Manage Attachments 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-attachments-manageinterface">
  <form onsubmit="return false;">
    <div id="st-attachments-manage-manageinterface-overlay" class="popup-overlay"></div>
    <div id="st-attachments-manage-interface">
      <div id="st-attachments-manage-filetable">
        <table id="st-attachments-manage-filelisting">
          <thead>
            <tr id="st-attachments-manage-fileheader">
              <td nowrap="nowrap">
                <input type="checkbox" name="selectall" id="st-attachments-manage-selectall" />
              </td>
              <td nowrap="nowrap">File Name</td>
              <td nowrap="nowrap">Author</td>
              <td nowrap="nowrap">Date Uploaded</td>
              <td nowrap="nowrap">Size</td>
            </tr>
          </thead>
          <tbody id="st-attachments-manage-body">
          </tbody>
        </table>
      </div>
      <div id="st-attachments-manage-close">
        <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-attachments-manage-closebutton" href="#" title="">Close</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </td>
          </tr>
        </table>
      </div>
      <div id="st-attachments-manage-delete">
        <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-attachments-manage-deletebutton" href="#" title="">Delete Selected Files</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </td>
          </tr>
        </table>
        <span id="st-attachments-manage-deletemessage"></span>
      </div>
      <br />
    </div>
  </form>
</div>

CSS Selectors

See Standard Button for the CSS selectors for the buttons.

#st-attachments-manageinterface
#st-attachments-manage-manageinterface-overlay
div.popup-overlay
#st-attachments-manage-interface
#st-attachments-manage-filetable
#st-attachments-manage-filelisting
#st-attachments-manage-fileheader
#st-attachments-manage-selectall
#st-attachments-manage-body
#st-attachments-manage-close
#st-attachments-manage-closebutton
#st-attachments-manage-delete
#st-attachments-manage-deletebutton
#st-attachments-manage-deletemessage