Widgets

Widgets can be added to pages and panels and allow you to add dynamic elements to your page instead of just static content.  A dynamic element could be an exhibitor list, form or a piece of 3^rd party code for example a google map or you tube video.

Task

Adding widgets to a page

1. In the CMS choose “Pages” from the left menu
2. In the list of pages, find the page you created earlier and click the name. This will take you to the page editor.
3. Click in the body of the page and add a new section. Choose the 1 article layout.
4. Click into the body of the article, in the toolbar click the “insert widget” icon. This is the wand icon.
5. From the list of widgets scroll down and select a widget, we shall use “I Catcher Image” in this example.
6. Click the button to “Add New”
7. Give the image a title and click browse next to the image field.
8. This opens media manager. Choose an image from media manager to use in your I catcher image.
9. Optionally add a URL and target.
10. Click “Add New” to add a 2^nd image to the I catcher
11. Give the image a title and click browse next to the image field.
12. This opens media manager. Choose an image from media manager to use in your I catcher image.
13. Optionally add a URL and target.
14. Click the “Insert Widget” button.
15. This will add the widget to the page and return you to the page editor.
16. Save the page and verify your widget is working by clicking the “preview” button for the page.

 Embedding a 3^rd Party Code widget

1. Click here and go to Google Maps. We are going to embed this map into the page.
2. Click the share icon and choose the embed map heading.
3. Copy the code in the text box.
4. Click back into the page editor and add another Section.
5. Click into the body of the article, in the toolbar click the “insert widget” icon. This is the wand icon.
6. Scroll down and choose the “3^rd Party Code” widget
7. Paste the code in from Google and click “Insert widget”
8. Save the page and verify your widget is working by clicking the “preview” button for the page.

To edit a widget, you can either double click the widget placeholder in the article or you can right click and choose to edit. 

To delete a widget, you can right click the widget placeholder and choose remove widget.  Once the page is saved this widget will be removed.