Quick jump:  What's new

 
Go to:
 
Weblog: Recent Changes 
in Socialtext Documentation
Your Workspaces

Home: Socialtext Style Customization Guide
Up: Styling The Dashboard
Previous: Your Watchlist
Next: Styling The Page View


dashboard-yourworkspaces.png

HTML Snippet

The sample only shows 2 rows.

<div class="st-homepage-simplelist" id="st-wikis">
  <div class="st-homepage-simplelist-header" id="st-wikis-header">
    <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-newwiki-link" href="?action=workspaces_create" title="Click this button to create a new workspace">New Workspace</a>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
      </tr>
    </table>
    <div class="st-homepage-section-title st-homepage-simplelist-title" id="st-wikis-title">
      <a href="?action=workspaces_listall" id="st-wikis-title-link" class="st-homepage-simplelist-title-link">Your workspaces</a>
    </div>
  </div>
  <div id="st-wikis-content" class="st-homepage-section">
    <table class="st-homepage-simplelist-table">
      <tbody>
        <tr class="st-homepage-simplelist-row-odd">
          <td class="st-homepage-simplelist-left">
            <a href="/corp">Socialtext</a>
          </td>
          <td class="st-homepage-simplelist-right" nowrap="nowrap">
            <a href="/corp/index.cgi?action=recent_changes">211 changes</a>
          </td>
        </tr>
        <tr class="st-homepage-simplelist-row-odd">
          <td></td>
          <td></td>
        </tr>
        <tr class="st-homepage-simplelist-row-even">
          <td class="st-homepage-simplelist-left">
            <a href="/testspace">Help</a>
          </td>
          <td class="st-homepage-simplelist-right" nowrap="nowrap">
            <a href="/testspace/index.cgi?action=recent_changes">57 changes</a>
          </td>
        </tr>
        <tr class="st-homepage-simplelist-row-even">
          <td></td>
          <td></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

CSS Selectors

Selectors for the button are described at Standard Button.

#st-wikis
div.st-homepage-simplelist
#st-wikis-header
div.st-homepage-simplelist-header
#st-wikis-title
div.st-homepage-section-title
div.st-homepage-simplelist-title
a.st-homepage-simplelist-title-link
#st-wikis-content
div.st-homepage-section
table.st-homepage-simplelist-table
tr.st-homepage-simplelist-row-odd
td.st-homepage-simplelist-left
td.st-homepage-simplelist-left a
td.st-homepage-simplelist-right
td.st-homepage-simplelist-right a
tr.st-homepage-simplelist-row-even
permalink
Your Watchlist List View

Home: Socialtext Style Customization Guide
Up: Styling The List View
Previous: What's New List View
Next: Recently Viewed List View


yourwatchlist-listview.gif

HTML Snippet

<div>
  <div id="st-list-title">
    Pages You're Watching
    <a href="/feed/workspace/css-guide-2?watchlist=default"><img border="0" src="/static/1.99.99.11/images/feed-icon-14x14.png"/></a>
  </div>
  <div id="st-listtools">
    <ul class="level1">
      <li class="submenu"><span id="st-listtools-export">Export</span>
        <ul class="level2">
          <li class="first"><a title="Create PDF document from selected pages" id="st-listview-submit-pdfexport" href="#">Export checked to PDF</a></li>
          <li class="separator"><a title="Create Word document from selected pages" id="st-listview-submit-rtfexport" href="#">Export checked to Word</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <div id="st-actions-bar-spacer-clear">&nbsp;</div>
</div>

<table id="st-watchlist-content" class="query-results-content">
  <tr id="st-watchlist-header-row" class="query-results-header-row">
    <th id="st-watchlist-header-watchlist" class="query-results-header-watchlist">
    </th>
    <th id="st-watchlist-header-title" class="query-results-header-title">
      <a href="?action=watchlist;sortby=Subject;direction=0">Title</a>
    </th>
    <th id="st-watchlist-header-last-edited-by" class="query-results-header-last-edited-by">
      <a href="?action=watchlist;sortby=From;direction=0">Last Edited By</a>
    </th>
    <th id="st-watchlist-header-date" class="query-results-header-date">
      <a href="?action=watchlist;sortby=Date;direction=0">Date</a>
    </th>
    <th id="st-watchlist-header-revisions" class="query-results-header-revisions">
      <a href="?action=watchlist;sortby=revision_count;direction=1">Revisions</a>
    </th>
  </tr>
  <tr class="st-watchlist-row query-results-row w-st-even-row">
    <td class="st-watchlist-row-watchlist query-results-row-watchlist">
       <img src="/static/1.99.99.11/images/st/pagetools/watch-on-list.gif" alt="styling_the_dashboard" class="watchlist-list-toggle" />
    </td>
    <td class="st-watchlist-row-title query-results-row-title">
      <a class="st-watchlist-row-title-link query-results-row-title-link" href="index.cgi?styling_the_dashboard" title="">Styling The Dashboard</a>
    </td>
    <td class="st-watchlist-row-last-edited-by query-results-row-last-edited-by">Shawn Devlin</td>
    <td class="st-watchlist-row-date query-results-row-date">Oct 25 9:33am</td>
    <td class="st-watchlist-row-revisions query-results-row-revisions">
      <a href="index.cgi?action=revision_list;page_name=styling_the_dashboard">4</a>
    </td>
  </tr>
  <tr class="st-watchlist-row query-results-row w-st-odd-row">
    <td class="st-watchlist-row-watchlist query-results-row-watchlist">
       <img src="/static/1.99.99.11/images/st/pagetools/watch-on-list.gif" alt="what_s_new" class="watchlist-list-toggle" />
    </td>
    <td class="st-watchlist-row-title query-results-row-title">
      <a class="st-watchlist-row-title-link query-results-row-title-link" href="index.cgi?what_s_new" title="">What's New</a>
    </td>
    <td class="st-watchlist-row-last-edited-by query-results-row-last-edited-by">Shawn Devlin</td>
    <td class="st-watchlist-row-date query-results-row-date">Oct 25 9:24am</td>
    <td class="st-watchlist-row-revisions query-results-row-revisions">
      <a href="index.cgi?action=revision_list;page_name=what_s_new">3</a>
    </td>
  </tr>
</table>

CSS Selectors

#st-list-title
#st-listtools
#st-listtools ul.level1
#st-listtools ul.level1 li.submenu
span#st-listtools-export
#st-listtools ul.level2
#st-listtools ul.level2 li.first
a#st-listview-submit-pdfexport
#st-listtools ul.level2 li.separator
a#st-listview-submit-rtfexport
div#st-actions-bar-spacer-clear
#st-watchlist-content
table.query-results-content
#st-watchlist-header-row
tr.query-results-header-row

#st-watchlist-header-watchlist
th.query-results-header-watchlist

#st-watchlist-header-title
th.query-results-header-title

#st-watchlist-header-last-edited-by
th.query-results-header-last-edited-by

#st-watchlist-header-date
th.query-results-header-date

#st-watchlist-header-revisions
th.query-results-header-revisions

tr.st-watchlist-row 
tr.query-results-row
tr.w-st-even-row
tr.w-st-odd-row

td.st-watchlist-row-watchlist
td.query-results-row-watchlist

td.st-watchlist-row-title
td.query-results-row-title

td.st-watchlist-row-last-edited-by
td.query-results-row-last-edited-by

td.st-watchlist-row-date
td.query-results-row-date

td.st-watchlist-row-revisions
td.query-results-row-revisions
permalink
Your Watchlist

Home: Socialtext Style Customization Guide
Up: Styling The Dashboard
Previous: What's New Page
Next: Your Workspaces


dashboard-watchlist.png

HTML Snippet

The sample only shows 2 rows.

<div class="st-homepage-simplelist" id="st-watchlist">
  <div class="st-homepage-simplelist-header" id="st-watchlist-header">
    <div class="st-homepage-section-title st-homepage-simplelist-title" id="st-watchlist-title">
      <a href="?action=display_watchlist" id="st-watchlist-title-link" class="st-homepage-simplelist-title-link">Your watchlist</a>
    </div>
  </div>
  <div id="st-watchlist-content" class="st-homepage-section">
   <table class="st-homepage-simplelist-table">
     <tbody>
       <tr class="st-homepage-simplelist-row-odd">
         <td colspan="2" class="st-homepage-simplelist-left">
           <a href="index.cgi?styling_the_dashboard" title="(1 hour)...">Styling The Dashboard</a>
           <div class="st-homepage-whatsnew-attribution">
             Last edited by <span class="st-homepage-whatsnew-author">Socialtext User</span> on <span class="st-homepage-whatsnew-date">Oct 25 7:29am</span>
           </div>
         </td>
       </tr>
       <tr class="st-homepage-simplelist-row-odd">
         <td></td>
         <td></td>
       </tr>
       <tr class="st-homepage-simplelist-row-even">
         <td colspan="2" class="st-homepage-simplelist-left">
           <a href="index.cgi?what_s_new" title="(2 minutes) Home...">What's New</a>
           <div class="st-homepage-whatsnew-attribution">
             Last edited by <span class="st-homepage-whatsnew-author">Socialtext User</span> on <span class="st-homepage-whatsnew-date">Oct 25 8:51am</span>
           </div>
         </td>
       </tr>
       <tr class="st-homepage-simplelist-row-even">
         <td></td>
         <td></td>
       </tr>
     </tbody>
   </table>
  </div>
</div>

CSS Selectors

#st-watchlist
div.st-homepage-simplelist
#st-watchlist-header
div.st-homepage-simplelist-header
#st-watchlist-title
div.st-homepage-section-title 
div.st-homepage-simplelist-title
#st-watchlist-title-link
a.st-homepage-simplelist-title-link
#st-watchlist-content
div.st-homepage-section
table.st-homepage-simplelist-table
tr.st-homepage-simplelist-row-odd
td.st-homepage-simplelist-left
td.st-homepage-simplelist-left a
div.st-homepage-whatsnew-attribution
span.st-homepage-whatsnew-author
span.st-homepage-whatsnew-date
tr.st-homepage-simplelist-row-even
permalink
Your Notepad

Home: Socialtext Style Customization Guide
Up: Styling The Dashboard
Previous: Announcements And Links Box
Next: Did You Know


dashboard-notepad.png

HTML Snippet

<div id="st-personal-notes" class="st-homepage-section">
  <div class="st-homepage-notes-edit" id="st-personal-notes-edit">
    <a id="st-personal-notes-edit-link" href="index.cgi?action=..." class="st-homepage-notes-edit-link">
      edit
    </a>
  </div>
  <div id="st-personal-notes-title" class="st-homepage-section-title">
    <a href="index.cgi?action=preferences_settings;preferences_class_id=favorites">Your Notepad</a>
  </div>
  <div id="st-personal-notes-content" class="st-homepage-notes-content">
    <!-- content -->
  </div>
</div>

CSS Selectors

#st-personal-notes
div.st-homepage-section
#st-personal-notes-edit
div.st-homepage-notes-edit
#st-personal-notes-edit-link
#st-personal-notes-title
div.st-homepage-section-title
div.st-homepage-section-title a
#st-personal-notes-content
div.st-homepage-notes-content
permalink
Workspace Tour - Table of Contents
permalink
Working offline with Unplugged

Back to Socialtext Documentation.

backstage-menu.png



Socialtext Unplugged Introduction

Socialtext Unplugged allows you to work on your wiki while your computer is offline.

Socialtext Unplugged lets you "unplug" a set of wiki pages to your desktop or laptop computer. You can read and edit them on your computer, while you are not connected to the internet -- perhaps on an airplane or train or in a cafe with unreliable network access. Later, you can "sync" changes back to your wiki.

You can unplug recently changed pages in a wiki, a single page, or pages in a blog or tag group. Anywhere you see the blue Unplugged icon, you can unplug that set of pages. The unplug icon can be found on the dashboard of your wiki, at the bottom of every page, and at the top of lists of wiki pages such as what's new , tags, and the results of a search.

unplug_large.png

You will only see the Unplugged icon if unplugged has been enabled for your wiki by a wiki administrator. See Enabling and Disabling Unplugged

Below is a brief overview of the main features of Unplugged. If you would like to get started quickly, follow the Walkthrough to unplug recent changes.

Unplugging a page

You can unplug a single page by clicking the Unplugged icon at the bottom right corner of the page:

unplugged-logo-bottom.png

Unplugging a set of pages

To unplug the last 50 recently changed pages in a wiki, go to "What's New" and click the Unplugged icon. By default, unplugging "What's New" will give you the last 50 pages changed to work with on your hard drive while you're offline.

Unplugging more than 50 pages

Unplugging a large wiki may be very slow -- so slow that your browser will time out before you can unplug all the content. To avoid this problem, by default, if you click on the "unplug" icon on the dashboard of your wiki, you get the most recently changed 50 pages.

You work around the default by modifying the url to unplug the pages. You can change the number that appears in the url to increase or decrease the number of pages you get. For example, on a Mac, you can control-click on the Unplugged icon, copy the URL, paste it into the browser, and append ";count=100" to the url to get 100 pages instead of the default of 50. On a PC, right-click the Unplugged icon to copy the URL. For example, a url might look like this:

http://www.socialtext.net/open/index.cgi?action=unplug

and to modify it to unplug the last 100 pages, you would paste the following url into a browser window:

http://www.socialtext.net/open/index.cgi?action=unplug;count=100

You can find the total number of pages in a wiki by going to "What's New" and then "All Pages". The total number of pages is in parentheses in the top left hand corner of the page.

Working offline

Once you click the Unplugged icon, you can open the page or pages you have unplugged with your browser. Or you can save the unplugged pages to a convenient location on your computer, to be opened in a browser later. Either way of downloading the file will work, and will result in a saved file on your hard drive.

The screen you will work in should look like your normal browser window, containing something like this in the body of the page:

unplugged1.png

You may want to read through a few of the help files within Unplugged. The GettingStarted window has links to explanations of how to save changes, browse and edit, and sync changes. The Walkthrough to unplug recent changes is another good place to get started, and Unplugged's internal documentation contains more detail.

View page

Click on an underlined link to a page to view that page's content.

The page will open as a mini-window, or "tiddler", inside your main Unplugged browser window. Above each open mini-window is a toolbar with options like edit, save, and close.

Create page

Click on a word or phrase with a dotted underline to create and edit a new page, much as you would in a regular wiki page.

You can also create a page by clicking "New tiddler" in the right hand sidebar. Name your new page, create its text and click "done". When you sync, it will be added to the pages on your server.

Note: tags added while Unplugged will not sync to your server. You must add tags on the wiki directly, while you are online.

Edit page

Click "edit" in the top toolbar of a mini-window to edit the content of that window. In the edit window, the top right hand toolbar gives the option of "done", "cancel", or "delete".

Done

To save what you've typed in the edit and tagging windows, click "done" in the toolbar above that edit window.

Close

Clicking "close" on the toolbar above a mini-window will close that window. You can open it easily again from the list of pages in the sidebar. Clicking "close all others" in the toolbar of a mini-window will keep that mini-window open while hiding all others.

Save

Clicking "Save" in the "Backstage" toolbar at the very top of your Unplugged page will save all your changes to your hard drive. They won't be saved back to your server until you sync them.

Syncing pages will automatically save them to your hard drive.

backstage-menu.png

You can click "Options" in the right hand sidebar and set the Autosave option to save changes to your hard drive every few minutes.

sidebaroptions.png

Syncing your pages back to the server

When you are ready to synchronize your unplugged pages back to the wiki on your server, click "sync" in the righthand sidebar.

A list of all the pages you have unplugged will appear. The pages you have changed will be highlighted in green, and will have the boxes next to them checked.

unplugged-syncscreen.png

Click on the "sync" button at the bottom of the page, and your pages will synchronize with your wiki on the server.

The changed and sync-ed pages will now be highlighted in purple in the sync list view.

unplugged-syncdone.png

You can then click "close", up at the far right hand side of the page to close the sync window and return to the basic Unplugged interface, where you can continue editing and viewing pages.

If you sync pages without saving first, Unplugged will save the changed pages to your hard drive before syncing. You can also save them first on your hard drive, and then sync.

While you have been editing pages offline, some of those pages may also have been changed on the server. Unplugged will warn you of potential conflicts in editing, during the sync process.

If anyone else has changed a page on the server, you will get a warning and a choice to override those changes. The sync list will show the pages you have changed that also have been changed on the server highlighted in red, and the "Synchronization status" column for that page will indicate that it's been changed on the server.

unplugged-sync-changed.png

If you write over changes someone else has made in your wiki, it's okay. Those changes won't be lost, and you can easily find them using the revision history. You can integrate and merge offline changes with online changes by clicking the "Revisions" option in the top right hand toolbar in your wiki. See Page revision history for a walkthrough of reverting to previous revisions as well as comparing and integrating two different revisions.

Enabling and disabling Unplugged

New wikis will be created with Unplugged turned on, by default. Existing wikis may or may not have Unplugged enabled.

To turn Unplugged on and off for a wiki, you must be a wiki administrator.

Click on "Settings" in the upper right hand toolbar of any wiki page.

Click on "Workspace Features" in the left hand sidebar. Near the bottom of the page, there are radio buttons to enable or disable Unplugged for a wiki.

Making this change will turn Unplugged on or off for all users of a wiki.

For server administrators

To turn off Unplugged for a wiki, your server administrator can use st-admin:

st-admin set-workspace-config --workspace workspacename enable_unplugged 0

And to turn it back on again by default, here is the command:

st-admin set-workspace-config --workspace workspacename enable_unplugged 1

Walkthrough to unplug recent changes

Here's a step-by-step Walkthrough to unplug recent changes. Unplug, save, change something, and sync the page back to your server.

Unplugged has many more capabilities and interesting features, which you can read about in the extra documentation that will come up on your browser when you unplug your wiki. However, following this basic walkthrough should be enough to get you started and working offline.

Back to Socialtext Documentation.

permalink
Wikiwyg Toolbar

Home: Socialtext Style Customization Guide
Up: Styling The Edit Window
Previous: Edit Toolbar
Next: Styling The List View


editwindow-wikiwyg-toolbar.png

HTML Snippet

<div id="st-page-editing-toolbar">
  <div style="display: block;" id="wikiwyg_toolbar" class="wikiwyg_toolbar">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/bold.gif" title="Bold (Ctrl+b)" alt="Bold (Ctrl+b)" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/italic.gif" title="Italic (Ctrl+i)" alt="Italic (Ctrl+i)" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/strike.gif" title="Strike Through (Ctrl+d)" alt="Strike Through (Ctrl+d)" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/separator.gif" title="" alt=" | " class="wikiwyg_separator">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/h1.gif" title="Heading 1" alt="Heading 1" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/h2.gif" title="Heading 2" alt="Heading 2" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/h3.gif" title="Heading 3" alt="Heading 3" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/h4.gif" title="Heading 4" alt="Heading 4" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/p.gif" title="Normal Text" alt="Normal Text" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/separator.gif" title="" alt=" | " class="wikiwyg_separator">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/hr.gif" title="Horizontal Rule" alt="Horizontal Rule" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/separator.gif" title="" alt=" | " class="wikiwyg_separator">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/ordered.gif" title="Numbered List" alt="Numbered List" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/unordered.gif" title="Bulleted List" alt="Bulleted List" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/outdent.gif" title="Less Indented" alt="Less Indented"  class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/indent.gif" title="More Indented" alt="More Indented" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/separator.gif" title="" alt=" | " class="wikiwyg_separator">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/link.gif" title="Create Link" alt="Create Link" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/www.gif" title="External Link" alt="External Link" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/unlink.gif" title="Unlink" alt="Unlink" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/attach.gif" title="Link to Attachment" alt="Link to Attachment" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/image.gif" title="Include an Image" alt="Include an Image" class="wikiwyg_button">
    <img src="/static/1.99.99.12/images/wikiwyg_icons/table.gif" title="Create Table" alt="Create Table" class="wikiwyg_button">
  </div>
</div>
<div id="st-page-editing-uploadbutton">
  <img src="/static/1.99.99.12/images/wikiwyg_icons/separator.gif" style="float: left;">
  <table class="button-table">
    <tbody>
      <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-edit-mode-uploadbutton" href="#" title="Click this button to upload a file to the page">Upload&nbsp;files</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>

CSS Selectors

See Standard Button for the CSS selectors for the "Upload Files" button.

#st-page-editing-toolbar
#wikiwyg_toolbar
div.wikiwyg_toolbar
img.wikiwyg_button
img.wikiwyg_separator
#st-page-editing-uploadbutton
#st-edit-mode-uploadbutton
permalink
Wiki 101

Using Socialtext is simple.

You read, write, link and remember.

Read

When you work in Socialtext, you work on pages. A Socialtext workspace is simply a collection of these pages, connected together through links. This makes reading a workspace very similar to reading the Web.
Browse-Collection_of_pages.png
Socialtext workspaces are collections of pages.


Write

Socialtext workspace, however, are very different from the Web in an important way. You can edit the full text of any page. In fact, that is the essence of how you work in Socialtext: by creating and editing pages.
Browse-Editing_pages.png
Every page in a workspace is editable. Just click, type, and save!


Unlike the web, every page has its own unique name in a Socialtext workspace. This makes linking between pages easy. Just write the name of the page. Finding pages is also easier. They are called just what you name them.
Browse-Link_is_name.png
Every page has a name. Linking to a page is as simple as writing its name.


Remember

Socialtext remembers every thing you write here. Anything done here can be undone. With Socialtext, you can enjoy the freedom to play with ideas comforted that you will never lose that award winning idea.
Browse-History.png
Socialtext keeps every revision of each page. Never worry again about losing a good idea.
permalink
What's the funny punctuation?

Up: Workspace Tour - Table of Contents
Back: What if I make a mistake?

In the background, Socialtext formats pages with a few extra symbols, like brackets and asterisks, in the text. For the most part, when editing you can ignore this. However, you may come across these symbols, for example, while browsing through the page revision history. Additionally, you can use the symbols while editing in Advanced mode.

To learn how to use the symbols, when you're editing a page in Advanced mode, click the "Edit tips" link at the top.

Editing-page-edit-tips.png

How do I make links?

permalink
What's New Page

Home: Socialtext Style Customization Guide
Up: Styling The Dashboard
Previous: Did You Know
Next: Your Watchlist


dashboard-whatsnew.png

HTML Snippet

The sample only shows 2 rows.

<div class="st-homepage-simplelist" id="st-whats-new">
  <div class="st-homepage-simplelist-header" id="st-whats-new-header">
    <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-link" href="?action=new_page" title="Click this button to create a new page">New Page</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
      </tr>
    </table>
    <div class="st-homepage-section-title st-homepage-simplelist-title" id="st-whats-new-title">
      <a href="?action=recent_changes" id="st-whats-new-title-link" class="st-homepage-simplelist-title-link">What's new in Socialtext 2.0 Custom CSS guide</a>
    </div>
  </div>
  <div id="st-whats-new-content" class="st-homepage-section">
    <table class="st-homepage-simplelist-table">
      <tbody>
        <tr class="st-homepage-simplelist-row-odd">
          <td colspan="2" class="st-homepage-simplelist-left">
            <a href="index.cgi?styling_the_dashboard" title="(1 minute) Home [Socialtext Style Customization Guide] Previous [Using Your Own Logo] Next [Dashboard]  Dashboa...">Styling The Dashboard</a>
            <div class="st-homepage-whatsnew-attribution">
              Last edited by <span class="st-homepage-whatsnew-author">Socialtext User</span> on <span class="st-homepage-whatsnew-date">Oct 25 7:29am</span>
            </div>
          </td>
        </tr>
        <tr class="st-homepage-simplelist-row-odd">
        </tr>
        <tr class="st-homepage-simplelist-row-even">
          <td colspan="2" class="st-homepage-simplelist-left">
            <a href="index.cgi?getting_started" title="(1 day) Home [Socialtext Style Customization Guide] Previous [Installing Styles into Your Workspace] Next [N...">Getting Started</a>
            <div class="st-homepage-whatsnew-attribution">Last edited by <span class="st-homepage-whatsnew-author">Socialtext User</span> on <span class="st-homepage-whatsnew-date">Oct 23 1:56pm</span>
            </div>
          </td>
        </tr>
        <tr class="st-homepage-simplelist-row-even">
        </tr>
      </tbody>
    </table>
  </div>
</div>

CSS Selectors

See Standard Button for the button selectors.

#st-whats-new
div.st-homepage-simplelist
#st-whats-new-header
div.st-homepage-simplelist-header
#st-whats-new-title
div.st-homepage-section-title
div.st-homepage-simplelist-title
#st-whats-new-title-link
a.st-homepage-simplelist-title-link
#st-whats-new-content
div.st-homepage-section
table.st-homepage-simplelist-table
tr.st-homepage-simplelist-row-odd
td.st-homepage-simplelist-left
td.st-homepage-simplelist-left a
div.st-homepage-whatsnew-attribution
span.st-homepage-whatsnew-author
span.st-homepage-whatsnew-date
tr.st-homepage-simplelist-row-even
permalink
Weblog Navigation
Loading...
Weblog Archives
  • Loading...

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: