Customizing the SendThisFile FileBox

Follow these steps to configure your FileBox. The ability to configure a FileBox is limited to paid accounts only.

Completing the Prompts

  1. Paid account holders can click on the Use custom settings box, and a checkmark will appear.
  2. Enter the text in the Your e-mail prompt box that you want to appear above the box for the email entry in the customized FileBox.
  3. Enter a prompt for the password (if used) in the Password prompt field.
  4. The text in the Message prompt field will appear above the message area in the finished FileBox as shown in the sample FileBox.
  5. Enter the prompt for the file in the File prompt field.

Note: The prompt boxes will accept HTML codes. For example, placing <br> after any of the prompts will cause a blank line to appear between the prompt and its respective box.

Renaming Buttons

  1. The text you put in the Send button box will appear on the button used to start the upload (labled “SendThisFile” in the sample FileBox).
  2. The text you put in the Cancel button box will appear on the button that cancels an upload.

Sizing the FileBox

Caution: Using different browsers (e.g. Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Netscape, Safari, etc.) may cause the FileBox to appear differently to the user. The recommended FileBox sizes shown below are the best compromise between overall appearance and working properly with all browsers. Changing the sizes shown below MAY cause the FileBox to render differently (e.g., buttons overlapping, part of the FileBox cut off, etc.) in one or more browsers.

  1. TheBox width dimension is in pixels. This value sets the overall width of the FileBox frame. The best compromise FileBox width is 292 pixels.
  2. The Box height dimension is in pixels. This value establishes the overall height of the frame for the customized FileBox. The box height includes the Header and the Footer. The best compromise FileBox height is 365 pixels. Use 405 pixels when the FileBox is password protected.

Note: The value in Box height sets the frame size for a finished, customized SendThisFile FileBox. If the value in Box height is not set tall enough to accomodate the Header and the Footer, then the finished FileBox will be ‘squashed’, or parts will be missing, so that it will fit within the designated frame height. If the Box height dimension is set too tall, a white background will grow above the Header and/or below the Footer to fill in the extra space.

Size (width) of the Input Boxes

  1. The Email width: dimension is in characters. This sets the width for the Your Email: box. The best compromise setting for the Email width: is 52 characters.
  2. Message width controls the width of the Message: area on the finished FileBox. The best compromise setting for Message width: is 50 characters.

Changing FileBox Colors

  1. The Background color is the color of the finished FileBox. The color in the Background color box will replace the gray background area on the following sample FileBox.
  2. Our system recognizes the extended HTML color set. A color chart is available by clicking on the HTML color codes link next to the Background color box. You can use the text or the hex codes in the Background color box. When using the hex codes, make sure the code is preceded by the “#” symbol. When entering the color name or hex codes, ensure there are no trailing spaces or the color will be incorrect!

Note: For the nicest appearing FileBox with all browsers, we highly recommend that the background color be set to the same color as the page on which the FileBox resides. We have shown the FileBox with a contrasting color here so that the overall size is obvious for planning purposes.


About the Structure of a SendThisFile FileBox

  1. The Head is the equivalent of the Head section on an HTML page. This area is for meta tags and other HTML coded set-up instructions. If plain text is placed in this area, it will appear in a white space floating above the Header in a finished FileBox.
  2. The Header is meant to be the highest, visible part of a SendThisFile FileBox. The “SendThisFile” logo and “Your e-mail:” are in this section in the sample FileBox. The Header area takes on the color shown in the Background color box.
  3. The Footer area falls below the buttons. This area is not shown in the sample FileBox. The Footer area takes on the color shown in the Background color box.

Note: The colored part of the Footer expands to accomodate the text. If the text is lengthy enough to word wrap, or if a series of <br> tags are included, the Footer will expand as needed (frame height permitting) to accomodate the additional lines.

Making It All Happen: The Update Button

  1. The Update button applies the information in the customization boxes to the HTML code in the copy and paste area, and to the sample SendThisFile FileBox.
  2. Once you have updated all your changes, you can copy and paste the code into any page on your website.

To make the transfer secure using SSL encryption

Once you have pasted the HTML code onto your website, change the “http:” part of the URL from “http:” to “https:”. This will cause the files to transfer over the secure portion of our website.

Using FrontPage to put a FileBox on your Website

There are two “views” in FrontPage. One of them is an “HTML” view. Make sure you are in “HTML” mode (you will see lots of HTML code when you are in “HTML” mode) before you paste in the HTML code for the FileBox.

Updating an Existing, Customized FileBox

  1. Put the new information in the appropriate box(es).
  2. Click on the Update button.
  3. The new text will appear in the Copy and paste box.
  4. Copy and paste the code onto your website.

To make the transfer secure using SSL encryption

Once you have pasted the HTML code onto your website, change the “http:” part of the URL from “http:” to “https:”. This will cause the files to transfer over the secure portion of our website.

Removing a Website

  1. Click on the Remove button.
This entry was posted in FileBox. Bookmark the permalink.

Comments are closed.