V
2  

Back to 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.
View-Page-sidebar.png

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.

Tags
Attachments
Socialtext Documentation
Upload Files Lightbox (Edit Mode)

Home: Socialtext Style Customization Guide
Up: Styling The Lightboxes
Previous: Page Already Exists Lightbox
Next: Manage Attachments Lightbox


uploadfileseditmode.png

HTML Snippet

<div id="st-attachmentsqueue-interface">
  <form onsubmit="return false;">
    <div id="st-attachmentsqueue-overlay" class="popup-overlay"></div>
    <div id="st-attachmentsqueue-dialog">
      <div id="st-attachmentsqueue-title">Upload Files</div>
        <p id="st-attachmentsqueue-message">
          Click "Browse" to find the file you want to upload.
          When you click "Add file" this file will be added to
          the list of attachments for this page, and uploaded
          when you save the page.
        </p>
        <p id="st-attachmentsqueue-fileprompt">
          <input id="st-attachmentsqueue-filename" size="60" type="file" name="file"/>
        </p>
        <div id="st-attachmentsqueue-error">&nbsp;</div>
        <div id="st-attachmentsqueue-list"></div>
        <div id="st-attachmentsqueue-uploadmessage">&nbsp;</div>
        <div id="st-attachmentsqueue-embed">
          <label for="st-attachmentsqueue-embedcheckbox" id="st-attachmentsqueue-embedlabel">
            <input class="checkbox" type="checkbox" id="st-attachmentsqueue-embedcheckbox" name="embedcb" value="1" checked="checked"/>
            <input type="hidden" id="st-attachmentsqueue-embedfield" name="embed" value="1"/>
            <span id="st-attachmentsqueue-embedmessage">
              Add a link to the attachment at the top of the page?
              Images will appear in the page when the page is saved.
            </span>
          </label>
        </div>
        <div id="st-attachmentsqueue-unpack">
          <label for="st-attachmentsqueue-unpackcheckbox" id="st-attachmentsqueue-unpacklabel">
            <input class="checkbox" type="checkbox" id="st-attachmentsqueue-unpackcheckbox" name="unpackcb" value="1" />
            <input type="hidden" id="st-attachmentsqueue-unpackfield" name="unpack" value="0"/>
            <span id="st-attachmentsqueue-unpackmessage">
              Expand zip archive and attach individual files to the page
            </span>
          </label>
        </div>
        <div id="st-attachmentsqueue-buttons">
          <div id="st-attachmentsqueue-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-attachmentsqueue-closebutton" href="#" title="">Done</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
            </tr>
          </table>
        </div>
        <div id="st-attachmentsqueue-uploadbutton">
          <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-attachmentsqueue-submitbutton" href="#" title="">Add file</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
    <div id="st-attachmentsqueue-holder" style="display: none"></div>

    <div id="st-attachmentsqueue-listtemplate" style="display: none">
      <span class="st-attachmentsqueue-listlabel">Files To upload: </span>
      <!-- json -->
    </div>
  </form>
</div>

CSS Selectors

See Standard Button for the CSS selectors for the buttons.

#st-attachmentsqueue-interface
#st-attachmentsqueue-overlay
div.popup-overlay
#st-attachmentsqueue-dialog
#st-attachmentsqueue-title
#st-attachmentsqueue-message
#st-attachmentsqueue-fileprompt
#st-attachmentsqueue-filename
#st-attachmentsqueue-error
#st-attachmentsqueue-list
#st-attachmentsqueue-uploadmessage
#st-attachmentsqueue-embed
#st-attachmentsqueue-embedlabel
#st-attachmentsqueue-embedcheckbox
#st-attachmentsqueue-embedmessage
#st-attachmentsqueue-unpack
#st-attachmentsqueue-unpacklabel
#st-attachmentsqueue-unpackcheckbox
#st-attachmentsqueue-unpackmessage
#st-attachmentsqueue-buttons
#st-attachmentsqueue-closebutton
#st-attachmentsqueue-uploadbutton
#st-attachmentsqueue-submitbutton
#st-attachmentsqueue-listlabel

 

Upload Files

Click "Browse" to find the file you want to upload. When you click "Upload file" your file will be uploaded and added to the list of attachments for this page.

Maximum file size: 50MB

 
 
 
File Name Author Date Uploaded Size

Save Page As

Enter a meaningful and distinctive title for your page.

Page Title:

Tip: You'll be able to find this page later by using the title you choose.

Page Already Exists

There is already a page named XXX. Would you like to:

Save with a different name:

Save the page with the name "XXX"

Append your text to the bottom of the existing page named: "XXX"

Upload Files

Click "Browse" to find the file you want to upload. When you click "Add file" this file will be added to the list of attachments for this page, and uploaded when you save the page.

 
 
 
Add Tags

Enter a tag and click "Add tag". The tag will be saved when you save the page.

Tag: 

Suggestions: