Text Window Component
A Text Window allows you to add text and embedded an image.
To get started with adding content to your Text Window component. Click on the green “Edit” button to the right of your “Text Window” component. See "What Are Page Components?" if you are unsure of this step.
If you would like to add a “Component Header” above your Text window, click on the arrow at the end of the blue “Component Header Options” bar to expand this section. Be sure to check “Show Component Header” to ensure your Header Text shows on the public side of your page.
Next, you can input a Title that will show between your Component Header and Text. This will be bold but and typically a bit smaller than your header. Please keep in mind that both the “Component Header” and “TW Title” are optional fields and you cannot change the formatting of the either.
The majority of your text will be placed into the “TW Text” field. You can type your text directly into this field but if you do this, remember to save often to refresh your login timer and ensure your work is not lost. You can also copy and paste text from Word, an email, or a PDF, etc. If you choose to copy and paste contents, please remember that many of these programs have invisible HTML formatting that will cause your web page to have spacing and other formatting issues if the formatting is not stripped. To maintain consistent formatting across your website you can use the “Paste Plain Text” option to copy information into a Text component.
This option is located in the top Window Text Options. Simply click on the icon and paste your text into the pop-up window and click “OK.” (If the “Automatically close the dialog after pressing Ctrl+V” field is check, the box will close without hitting “OK” if you paste using this method.)
Tip – If your page will have multiple blocks of text with bold titles or subjects, it is recommended that you place each block of text in a new Text Window component. In the image below, you will see on the left how two text windows look in the CMS and, on the right, how these two components look on the public side of the site.
You can add a single embedded photo to your text by expanding the “Embedded Image Options” with the arrow to the right side of this area. The “Photo Resize Width” will default to 200 pixels and you must change this prior to choosing your file if you want your photo to have a different width. By default, all uploaded images are left aligned but you can choose to center or right align the image from the “Image Position” drop down. When embedding an image, remember to add your required Alternative Text to ensure ADA compliance. If you are adding multiple images, a Photo Gallery component is recommended.
For information you only want to be displayed temporarily, you can select a “Date Visible,” which is the date you want the content to appear on your site. If you leave this field blank, the text shows up immediately. You can also choose a date that you want the content to be removed from your site by adding a date to the “Expiration Date” field. If you leave it blank, it will be displayed until you delete it. You also have the option to make your text window collapsible, by checking this option.
Once your page is set up, simply click the green “Save” button one final time. Once saving has been completed, you will get a note to indicated that your page has been saved.
- Save! Save! Save!
- Your default font was agreed upon at the time of your site design. The default font will always be used unless manually changed by users within the Text Component.
- Text Window - Email Link (Tutorial)
- Text Window - Hyperlinks (Tutorial)
- Text Window (Tutorial)
- Text Window - HTML Mode (Tutorial)