Box Element

A typical Layout includes boxes and frames to organize content.

To create Box Elements, follow these steps:

1. Ensure you have a canvas, as stated in Create Page Elements.

2. Click the Add Element tool.

3. In the Add Element dialog, click Page Elements.

   IMPORTANT: It is required to click Page Elements first if you intend to create a new Element. If you are on Page Templates, then you would create a new Template.

4. Click the Add tool.

5. In the New Element Type dialog, click Box, then Next.

6. In the Create Element dialog, type a concise and descriptive Name. This Name is seen by end users. This example uses “Thin Black Outline.”

7. Notice the Category field. Categories organize your Elements. The first time you want a Category, you type its name into the field. For subsequent Elements, you can choose the Category name from the drop-down.

8. Type a Category name. This example uses “Frames.”

9. Type a Description. This is optional, but it allows you to provide a little more detail about the Element for your end users.

   

10. Click Apply.

11. Notice your Box Element now appears in the Add Element dialog.

    

12. Click your new Element once, then click Add.

13. Notice your Element appears in the upper, left-hand corner of your page.

    

    
    

    You will now work with the Box Element size and color. Even though you named the Box Element “Thin Black Outline,” this new Element does not have those characteristics. So, you will now change the Element and re-save.

    
    

14. Double-click the Element and notice it highlights in orange. This indicates it is activated.

15. Use the configuration tools to change the Box Element’s fill color and outline color.

    

16. Re-size the Box Element, as necessary. End users are able to re-size later as well.

17. When finished working with the Box Element, double-click somewhere outside the element to deactivate it.

18. Click the Element once to highlight it in blue.

19. Click the Add Element tool.

20. In the Add Element dialog, click Page Elements.

21. Click your Element once to highlight.

    

22. Click the Edit tool.

23. At the bottom of the Edit Element dialog, click the Copy Select Element Properties tool.

    TIP: What’s happening in this Step? Well, the Element you added initially came with the default colors. You then changed the colors, and now you are updating the existing Element with the new colors.

24. Click Apply.

25. Repeat this process to create other standard Box Elements.

26. When finished, click the Save icon.