Open topic with navigation

Inserting Text Boxes

You can insert a text box into a topic. This box can hold text outside the normal flow of topic content.

example

Let's say you want to add a case study that is positioned next to the main body text on a page. Therefore, you insert a text box with a border and unique background color to make it stand out. You position the text box to the left of the body frame on a page. That way, it is clear to the reader that the case study is intended to provide additional information pertaining to the body text on that page.

How to insert a text box

1. Open the content file (e.g., topic, snippet).

2. Place your cursor in the topic where you want to insert the text box.

   If your cursor is on the same line as a paragraph, the text box will be placed after that paragraph.

   If you want the text box to be placed outside of a page frame, simply choose the location nearest to that location. You can adjust the exact positioning later.

3. Select Insert>Text Box. The Insert Text Box dialog opens.

4. Select the Text Box tab.

5. Select one of the <div> tags to use for the text box. You can use the parent <div> tag, or you can select a class if you have created one for it previously in your style sheet. The <div> tag is just one way to change the look of the text box.

6. In the Size section, enter a height and width for the text box. Enter a number and a unit of measurement.

   The next several steps let you adjust the look of this specific text box. However, if you want all of your text boxes to share some of the same features, you can instead provide the following settings on the <div> tag instead. See Editing Text Boxes.

7. In the Position section, you can select a Float and a Clear setting.

   Float Use this field to specify where to place the text box on the page.

   • None Does not place the text box in a specific location.
   • Left Positions the text box on the left side of the page frame, allowing you to type text to the right of the text box.
   • Right Positions the text box on the right side of the page frame, allowing you to type text to the left of the text box.
   • Center of Column Positions the text box in the center of the column on the page.
   • Outside Left Margin Positions the text box beyond the left margin of the topic text.
   • Outside Right Margin Positions the text box beyond the right margin of the topic text.
   • Outside Frame Positions the text box outside of the page frame.
   • Outside Frame, Top Align Positions the text box outside of the page frame, as well as aligning it with the top of the frame.
   • Left of Frame Positions the text box to the left of the page frame.
   • Right of Frame Positions the text box to the right of the page frame.
   • Center of Frame Positions the text box both vertically and horizontally in the middle of the page frame.

   Note: Some of these options may not be available until after you initially insert a text box. To view and use all options, you can right-click in the text box after it is inserted and select Text Box to edit the properties.

   Clear Use this field to position a text box so that it is "clear" of an adjacent text box. For example, let's say you have already inserted a text box and applied the float left property to it. If you then insert another text box immediately after the first text box, you want to make sure that the second text box doesn't rest next to the first text box. Instead, you want the second text box to be placed completely below the first text box. Therefore, you can apply a clear property to the second text box.

   • None Does not apply the clear property to the text box.
   • Left Side The text box will be placed below the bottom outer edge of a previous text box that is floating left.
   • Right Side The text box will be placed below the bottom outer edge of a previous text box that is floating right.
   • Both Sides The text box will be placed below the a previous text box, whether it is floating left or right.
8. Select the Borders tab.
9. You can use the Borders section to create a border around the text box.

   1. Click in any of the individual fields (Left, Right, Top, Bottom) to specify the settings for the border. If you click the down arrow to the right of all the fields, the settings will be applied to all of the border fields.

      When you click that down arrow or in one of the individual fields, a small popup displays.

   2. Use the lower-left area of the popup to enter a number for the border thickness.
   3. Use the lower-middle area to select a unit of measurement (e.g., point, pixel, centimeter) for the number you entered. See About Units of Measurement.
   4. Use the upper-right area to select a color for the border.
   5. Use the lower-right area to select a line type (e.g., solid, double, dashed) for the border.
   6. Click OK.
10. Set the options in the Padding section. Click in any of the individual fields (Left, Right, Top, Bottom) to specify the settings for the padding. This adds extra space between a text box's border and the text within it. In the left side of the field, enter a number for the amount of padding. In the right side of the field, select a unit of measurement (e.g., point, pixel, centimeter) for the number you entered. See About Units of Measurement.

    If you click the down arrow to the right of all the fields, the settings will be applied to all of the padding fields. When you click that down arrow, a small popup displays.

11. Use the Background tab to specify the settings that you want for the background.

    Set a color for the background:

    • In the Color field, click the down arrow and select a color from the popup. For advanced color options, select More Colors and use the fields in the Color Picker dialog.

    Add an image to the background:

    1. Next to the Image field, click the Browse button. The Insert Picture dialog opens.

    2. Select an image file to insert. You can do this in one of the following ways:

    • Select an image already in the project by finding and selecting it in the built-in tree.

      OR

    • Click to find and select an image file outside of the project.

    Note: If you want to select an image file that you recently inserted somewhere in your project, click the down arrow in the field next to the Browse button and select the file from the list.

    3. Click OK.
    4. If you want the background image to repeat, select one of the options from the Repeat field. You can also set the image position horizontally and vertically by using the X and Y fields.
12. In the Insert Text Box dialog, click OK.

13. Press CTRL+S or click to save your work.

    

Note: Text boxes are not supported in Microsoft Word output.

WHAT'S NEXT?

After inserting a text box, you can make further modifications to it. See Editing Text Boxes.

See Also

Open topic with navigation