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

Opening the page builder

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


This will open the drag and drop Page Builder.builder3.jpg

Choosing Modules & Widgets

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

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

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.


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.

Screen_Shot_2018-07-02_at_3.37.07_pm.png Headings For page content headings and subheadings.
>>Ready to add a heading? See guide. 
paragraph.jpg Paragraph For blocks of text.
>>Ready to add a paragraph? See guide.
media.jpg Media 

Displays a media item (an image or video). Images can also be turned into links.
>>Ready to add a media item? See guide.

embed.jpg Embedded Content For displaying third party website content. Paste the embed code into this widget. 
>>Ready to embed content? See guide.
slideshow.jpg 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.jpg Form Basic form- most suitable for the contact page.

>>Ready to add a form? See guide.



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.


Screen_Shot_2019-05-27_at_8.29.37_PM.png Calendar For creating, tracking and displaying events.
>>Ready to add a calendar? See guide. 
Screen_Shot_2019-05-27_at_8.31.08_PM.png Discussions  
Screen_Shot_2019-05-27_at_3.50.53_PM.png Media Gallery Displays collections of images as albums. 
Screen_Shot_2019-05-27_at_8.39.27_PM.png Quizbox

For graded quiz forms of multi-choice or short-answer questions.
Available for ClassSpace pages only. 
>>Ready to add a quizbox? See Guide

Screen_Shot_2019-05-27_at_8.44.48_PM.png Resources / Links For attaching downloadable files and links.
>>Ready to add a resource module? See Guide
Screen_Shot_2019-05-27_at_8.47.20_PM.png Subpages

For displaying pages that come off another page.

>>Ready to add a subpage module? See Guide



Locking the layout

The Drag & Drop slider enables you to lock the modules in position on the page if you wish to fix their position.


Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Please sign in to leave a comment.