Socialtext Documentation
Add Comment: Revision 2

Home: Socialtext Style Customization Guide
Top: Special Cases
Previous: User Login System
Next: System Status


base/images/docs/add-comments.gif

Clicking on the 'Add Comment' link in the page control bar brings up a window where the user can add a comment to the current page.

HTML Snippet

<body id="st-commentui" class="popup" onload="comment_popup_setup()">
  <div id="st-commentui-container">
    <form name="comment_form" method="post" action="index.cgi" enctype="application/x-www-form-urlencoded">
      <div id="st-commentui-controls">
        <a id="st-commentui-savelink" href="#" onclick="submit_comment(); return false">Save</a>
        <a id="st-commentui-cancellink" href="#" onclick="cancel_comment(); return false">Cancel</a>
      </div>
      <div id="tb_st-commentui-textarea">
        <table id="buttons_1" class="toolbar" cellpadding="1" cellspacing="0">
          <tbody>
            <tr>
              <td>
                <div id="bold_1" class="btn-">
                  <img src="bold.gif" alt="Bold" title="Bold">
                </div>
              </td>
              <td>
                <div id="italic_1" class="btn-">
                  <img src="italic.gif" alt="Italic" title="Italic">
                </div>
              </td>
              <td>
                <div id="strike_1" class="btn-">
                  <img src="strike.gif" alt="Strikethrough" title="Strikethrough">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="h1_1" class="btn-">
                  <img src="h1.gif" alt="Heading 1" title="Heading 1">
                </div>
              </td>
              <td>
                <div id="h2_1" class="btn-">
                  <img src="h2.gif" alt="Heading 2" title="Heading 2">
                </div>
              </td>
              <td>
                <div id="h3_1" class="btn-">
                  <img src="h3.gif" alt="Heading 3" title="Heading 3">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="ul_1" class="btn-">
                  <img src="ul.gif" alt="Bullets" title="Bullets">
                </div>
              </td>
              <td>
                <div id="ol_1" class="btn-">
                  <img src="ol.gif" alt="Numbering" title="Numbering">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="indent_1" class="btn-">
                  <img src="indent.gif" alt="Increase Indent" title="Increase Indent">
                </div>
              </td>
              <td>
                <div id="outdent_1" class="btn-">
                  <img src="outdent.gif" alt="Decrease Indent" title="Decrease Indent">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="filew_1"class="btn-">
                  <img src="filew.gif" alt="Insert attachment" title="Insert attachment">
                </div>
              </td>
              <td>
                <div id="image_1" class="btn-">
                  <img src="image.gif" alt="Insert image" title="Insert image">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="wikilink_1" class="btn-">
                  <img src="wikilink.gif" alt="Insert Socialtext link" title="Insert Socialtext link">
                </div>
              </td>
              <td>
                <div id="createlink_1" class="btn-">
                  <img src="createlink.gif" alt="Insert web link" title="Insert web link">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="createtable_1" class="btn-">
                  <img src="createtable.gif" alt="Insert table" title="Insert table">
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <textarea id="st-commentui-textarea" name="comment" wrap="virtual"></textarea>
      <input name="action" value="submit_comment" type="hidden">
      <input name="page_name" value="edit_contention" type="hidden">
      <input name="caller_action" value="display" type="hidden">
    </form>
  </div>
</body>

CSS Selectors

#st-commentui
body.popup
#st-commentui-container
#st-commentui-controls
#st-commentui-savelink
#st-commentui-cancellink
#tb_st-commentui-textarea
#buttons_1 table.toolbar
#bold_1
div.btn-
div.btn- img
#italic_1
#strike_1
#h1_1
#h2.gif
#h3.gif
#ul.gif
#ol.gif
#indent.gif
#outdent.gif
#filew_1
#image_1
#wikilink_1
#createlink_1
#createtable_1
#st-commentui-textarea

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: