Socialtext Documentation
Email Page: Revision 1
Home: [Socialtext Style Customization Guide]
Up: [Styling The Popup Windows]
Previous: [Copy Page To Workspace]
Next: [Edit Tips]

----

{image: emailpage.png}

^^^^ HTML Snippet

.pre
<body id="st-popup-emailpage" class="st-popup">
<div id="st-popup-emailpage-errormessage" class="st-popup-errormessage"></div>
<form name="email_page_form" method="post" action="index.cgi" enctype="application/x-www-form-urlencoded">
<div class="email-page-row">
<div class="email-page-row-label">From:</div>
<div class="email-page-row-content">Shawn Devlin &lt;shawn.devlin@socialtext.com&gt;</div>
</div>

<div class="email-page-row">
<div class="email-page-row-label">Subject:</div>
<div class="email-page-row-content">
<input name="email_page_subject" type="text" size="50" value="Email Page" />
</div>
</div>

<div class="email-page-row">
<div class="email-page-row-label">Select Recipients</div>
<div class="email-page-row-content">
<div id="st-popup-emailpage-userselect-columnleft" class="email-page-user-select-column">
<div class="email-page-user-select-label">Workspace Address Book</div>
<select class="email-page-select" multiple name="email_page_user_source" size="9">
<option>alex.mcclintock@socialtext.com</option>
<option>brandon.noard@socialtext.com</option>
<option>shawn.devlin@socialtext.com</option>
</select>
<div id="st-popup-emailpage-userselect-addlabel" class="email-page-user-select-label">
Additional Recipient
</div>
<input class="email-page-input-new" type="text" name="email_page_add_one" value="type email address here" onclick="email_page_clear_element(this, 'type email address here');" onblur="email_page_validate_add();" />
</div>
<div id="st-popup-emailpage-userselect-columncenter" class="email-page-user-select-column">
<div class="email-page-user-select-button-group">
<input class="email-page-input" type="button" name="email_page_select_add" value="Add &gt;&gt;" onclick="email_page_move();" />
<input class="email-page-input" type="button" name="email_page_select_add" value="&lt;&lt; Remove" onclick="email_page_remove();" />
</div>
<div class="email-page-user-select-button-group">
<input class="email-page-input" type="button" name="email_page_select_all" value="Add All &gt;&gt;" onclick="email_page_all();" />
<input class="email-page-input" type="button" name="email_page_select_none" value="&lt;&lt; Remove All" onclick="email_page_none();" />
</div>
<div class="email-page-user-select-button-group">
<input class="email-page-input" type="button" name="email_page_add_one_button" value="Add &gt;&gt;" onclick="email_page_validate_add();"/>
</div>
</div>
<div id="st-popup-emailpage-userselect-columnright" class="email-page-user-select-column">
<div class="email-page-user-select-label">Recipient(s)</div>
<select class="email-page-select" multiple name="email_page_user_choices" size="14">
</select>
</div>
</div>
</div>

<div class="email-page-row">
<div class="email-page-row-label">&nbsp;</div>
<div class="email-page-row-content">
<input name="email_page_add_note_check" type="checkbox" value="1" checked="checked" />
Add this note at the front of the email? (You can customize the note below.)
</div>
</div>

<div class="email-page-row">
<div class="email-page-row-label">&nbsp;</div>
<div class="email-page-row-content">
<textarea name="email_page_add_note" rows="7" cols="60">Hello, this is a page from the workspace that I wanted you to see. This page is also available for viewing or editing on the web at:

http://www2.socialtext.net/css-guide-2/index.cgi?email_page</textarea>
</div>
</div>

<div class="email-page-row">
<div class="email-page-row-label">&nbsp;</div>
<div class="email-page-row-content">
<input name="email_page_keep_attachments" type="checkbox" value="1" />
Keep attachments?
</div>
</div>
<div id="st-popup-emailpage-buttonscontainer">
<div id="st-popup-emailpage-buttons">
<input class="standard-button-submit" type="submit" name="Button" value="Send" onclick="email_page_validate(); return false;" />
&nbsp;&nbsp;&nbsp;&nbsp;
<input class="standard-button-cancel" type="submit" name="Button" value="Cancel" onclick="window.close(); return false;" />
</div>
<input type="hidden" name="email_page_from" value="" />
<input type="hidden" name="action" value="email_page" />
<input type="hidden" name="page_name" value="Email Page" />
</div>
</form>
</body>
.pre

^^^^ CSS Selectors

.pre
#st-popup-emailpage
body.st-popup
#st-popup-emailpage-errormessage
div.st-popup-errormessage
div.email-page-row
div.email-page-row-label
div.email-page-row-content
#st-popup-emailpage-userselect-columnleft
div.email-page-user-select-column
div.email-page-user-select-label
select.email-page-select
#st-popup-emailpage-userselect-addlabel
div.email-page-user-select-label
input.email-page-input-new
#st-popup-emailpage-userselect-columncenter
div.email-page-user-select-column
div.email-page-user-select-button-group
input.email-page-input
#st-popup-emailpage-userselect-columnright
div.email-page-user-select-column
div.email-page-user-select-label
#st-popup-emailpage-buttonscontainer
#st-popup-emailpage-buttons
input.standard-button-submit
input.standard-button-cancel
.pre


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: