Change Setting / 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

While the forms for each of the setting options are different, they all share the same styles.

<td id="st-settings-section">
  <form method="post" action="index.cgi" enctype="application/x-www-form-urlencoded">
    <div id="st-settings-save">
      <input type="submit" name="Button" value="Save"  class="standard-button-submit" />
      <input type="reset" name="Button" value="Cancel"  class="standard-button-cancel" />
      <div class="message"></div>
    </div>
    <input type="hidden" name="action" value="users_settings" />
    <input type="hidden" name="preferences_class_id" value="" />
    <table id="">
      <tr>
        <td colspan="4"><strong>Name</strong></td>
      </tr>
      <tr>
        <td width="30%" class="none" align="right">Email:</td>
        <td width="64%" class="none">
          <strong>brandon.noard@socialtext.com</strong>
        </td>
      </tr>
      <tr>
        <td width="30%" class="none" align="right">First Name:</td>
        <td width="64%" class="none">
          <input type="text" name="first_name" size="30" value="Brandon" />
        </td>
      </tr>
      <tr>
        <td width="30%" class="none" align="right">Last Name:</td>
        <td width="64%" class="none">
          <input type="text" name="last_name" size="30" value="Noard" />
        </td>
      </tr>
      <tr>
        <td colspan="4">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="4">
          <strong>Change Password</strong>
        </td>
      </tr>
      <tr>
        <td colspan="3">
          New passwords must be at least 6 characters long. A dialog box will pop
          up after your password is changed. Use your email address and new
          password to log in again.
        </td>
      </tr>
      <tr>
        <td width="30%" class="none" align="right">Current password:</td>
        <td width="64%" class="none">
          <input type="password" name="old_password" size="30" value=""maxlength="30" />
        </td>
      </tr>
      <tr>
        <td width="30%" class="none" align="right">New password:</td>
        <td width="64%" class="none">
          <input type="password" name="new_password" size="30" value=""maxlength="30" />
        </td>
      </tr>
      <tr>
        <td width="30%" class="none" align="right">Type new password again:</td>
        <td width="64%" class="none">
          <input type="password" name="new_password_retype" size="30" value=""maxlength="30" />
        </td>
      </tr>
    </table>
  </form>
</td>

CSS Selectors

#st-settings-section
#st-settings-save
input.standard-button-submit
input.standard-button-cancel
#st-settings-section tr
#st-settings-section td
#st-settings-section td strong
div.message
td.none