Skip to content

How do I add and edit text in the Drag and Drop editor?

← Editing Items: Drag & Drop Editor
These instructions apply to templates that use the Drag and Drop editor only. For instructions on editing items created in the Lists editor, see the Creating Print Items: Classic Editor section.  

To add text to your item:

  1. From the left panel in the Drag and Drop editor, click Text.
  2. Double-click on a text style to add it to your item. Or drag the text style to your item with your mouse, making sure your mouse cursor is over the item when you release your mouse. 
  3. Highlight the placeholder text in the text box.
  4. Type or paste in your new text.
    Note: When you paste in text from Word, LibraryAware will remove any formatting. If you paste text from another text box in your item, the font from the original text will be removed, but other formatting will be retained.

To change the font or font size:

  1. Click on your text box to select it.  
  2. In the editor toolbar, use the Font drop-down to select a font for your text.
  3. In the Size box, enter a font size (in pixels) for your text.
Note: The font and font size will be applied to all text in the selected text box.

To change the color of your text:

  1. Click on your text box to select it.
  2. Highlight the text.
  3. In the editor toolbar, click the Text Color drop-down.
  4. Select a color for your text. Click More Colors to enter your RGB and Hex colors values.
Note: Your text color can be applied to all the text in a text box or selected words.

To change the background color of your text:

  1. Click on your text box to select it.
  2. In the editor toolbar, click the Background Color (paint bucket) icon.
  3. Select a color or enter the RGB or Hex color values.
  4. Change the opacity of the text background color by using the slider at the bottom of the background color window.

To change formatting of your text:

  1. Click on your text box to select it.
  2. Highlight the text.
  3. Use the editor toolbar to bold, italicize, or underline your text, add special characters, add numbers and bullets, or change the indention or alignment. Note: Some formatting options are found by clicking the More button in the toolbar. 

To add line spacing:

  1. Select your text box.
  2. In Spacing box in the editor toolbar, enter the line spacing (in pixels) for the text in this text box.

To move your text:


See the instructions for moving elements at the How do I move an element? page.

To rotate your text box:

  1. Click on your text box to select it.
  2. With your mouse, grab the rotate handle at the center bottom edge of the text box. 
  3. Drag the rotate handle to rotate your text box.
Note: You can also control the rotation by clicking Position in the top toolbar.

To resize your text box:

  1. Click on your text box to select it.
  2. Resize handles will appear on the left and right sides of the box. You can drag those handles with your mouse to make the text box wider.
  3. As you type your text in the box, the text box will expand in height.

To add links to your text:

  1. Click on your text box to select it.
  2. Highlight the text.
  3. In the editor toolbar, click the More button then select the Add/Edit Link button.
  4. The Add/Edit Link window will display.
  5. To link to a book in your catalog:
    1. Select the Book tab at the Add/Edit Link window.
    2. Click the Select Book button.
    3. Search for a book.
    4. Click the Use this Book button beside the book you want to link to.
    5. At the Add/Edit Link window, your book information will display.  You can edit the title, author, ISBN, UPC to match the information in your catalog.
    6. From the Preferred Catalog Link field, select the type of catalog search you want this link to perform.  LibraryAware will use the Catalog Link Formats entered at the Basic Settings page to construct the link for the book.
    7. The Link Preview will change based on your selection in the Preferred Catalog Link field.  Click on the URL under Link Preview to test the catalog link.
  6. To link to an e-resource:
    1. Select the E-Resource tab at the Add/Edit Link window.
    2. Click the Select E-Resource button.
    3. Select the e-resource you would like to link to by clicking Use this e-resource.
    4. From the drop-down menu, select the Link Format that you want to use.  
    5. When you select the Link Format, you will be asked to enter the required parameters for that link prototype, for example the generic search query.  
      Note: Your link prototypes were defined at the E-Resources page under Admin.
  7. To link to an uploaded file:
    1. Select the Uploaded File tab at the Add/Edit Link window.
    2. Click the Choose File button.
    3. Find and select the file on your local computer. You can select a file up to 5 MB in size.  The following file types can be uploaded:
      • .txt
      • .doc
      • .docx
      • .xls
      • .xlsx
      • .pdf
      • .mp3
      • .png
      • .gif
      • .jpeg
      • .jpg
    4. Click Open.
  8. To link to custom URL:
    1. Select the Custom tab at the Add/Edit Link window.
    2. Enter the URL for your link.  Make sure to include “http://” or “https://”.
  9. To add a mailto: link that will open an email to a particular email address (email will open in the default email client for the user):
    1. Select the Mail To tab at the Add/Edit Link window.
    2. In the Recipient field, enter the email address for your link.
    3. Enter a Subject and/or Body that will appear in the email by default.
  10. Click the OK button to add your link to the item.

To delete a text box:

  1. Click on your text box to select it.
  2. Use the Delete key on your keyboard to delete the text box or click the Trash icon that appears in the top right corner.  

Feedback and Knowledge Base

(thinking…)