Manage Attachments Lightbox


Home: Socialtext Style Customization Guide
Up: Styling The Lightboxes
Previous: Upload Files Lightbox (Edit Mode)
Next: Upload Files Lightbox (View mode)


manageattachments.png

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