Page Builder: Widgets & Modules (v2.7+) – Ultranet Support

Opening the page builder

Go to the page you wish to edit (this article excludes features for Homepage & News Centre).
Select 'Edit Content and Layout' from the page tools menu.

This will open the drag and drop Page Builder.

Choosing Modules & Widgets

The editor's icon bar contains two sets of icons - Modules and Widgets.

Widgets:
Can be used multiple times on a page.
Content is added to modules in the published view of the page.

Modules:
Can be used only once on each page.
Content is created and edited directly in the page builder view.

Adding to page

Position Modules and Widgets by dragging them to the desired location on the page.

Editing a widget

To edit a widget, hover over the widget with the cursor until the Edit button appears.

To delete a widget, click the trash icon.

Note: Removing a widget will delete the content that it contains.

Editing a module

To edit a module, exit the page builder view and access the module directly from the page.

To remove a module from the page, click the Remove button in the page builder.
Note: Removing a module does NOT delete the content that it contains. If the module is dragged back on to the page the content will still be present. This does not apply to widgets.

Widgets

Note: when creating a new Ultranet page, modules from the parent page will be duplicated on the new subpage. You can remove or rearrange these as required.

	Headings	For page content headings and subheadings. >>Ready to add a heading? See guide.
	Paragraph	For blocks of text. >>Ready to add a paragraph? See guide.
	Media	Displays a media item (an image or video). Images can also be turned into links. >>Ready to add a media item? See guide.
	Embedded Content	For displaying third party website content. Paste the embed code into this widget. >>Ready to embed content? See guide.
	Slideshow	This is an extension of the Media modules. To use the slideshow, you must have at least one image uploaded via the Media Gallery or the Media module.
	Form	Basic form- most suitable for the contact page. >>Ready to add a form? See guide.