Email Page


Home: Socialtext Style Customization Guide
Up: Styling The Popup Windows
Previous: Copy Page To Workspace
Next: Edit Tips


emailpage.png

HTML Snippet

<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>

CSS Selectors

#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