Edwiser RemUI Page Builder Installation and Setup

Pre-requisite

  1. To use the all-new Edwiser Page Builder make sure the following plugins are installed
  • Edwiser Page Builder version 4.1.3 and above  (local_edwiserpagebuilder.zip)
  • Edwiser Advanced Block version 4.0.2 and above (block_edwiseradvancedblock.zip)
  • Page Builder filter version 4.0.0 and above (filter_edwiserpbf.zip)
  • Homepage Builder 4.1.3 (local_homepagebuilder.zip)

Note: The above-mentioned plugins can be accessed in the main Edwiser RemUI file downloaded from the Edwiser My Account page.

  1. To install follow the steps below:
  • Log in to your Moodle site as an admin and go to Administration → Site administration→ Plugins→ Install plugins.
  • Upload the ZIP file. 
  • Click on Install and complete the installation

Enable Page Builder for homepage & Dynamic Blocks

i. Navigate to Site Admin → Appearance → Themes → Edwiser RemUI → Homepage Settings

ii. Here make sure the Home Page design is selected as Edwiser Page Builder

iii. Navigate to Site Admin →  Plugins →  Filters → Manage Filters. 

iv. Search for Edwiser Page Builder Filter. Check the ‘Active’ column and the ‘Edwiser Page Builder’        should be turned ‘on’ to activate the Edwiser Page Builder plugin.

Reference Screenshot

Edwiser Page Builder Administration Appearance Themes Edwiser RemUI Version 4 0 11 1
Front Page Desing
vesawLSfqa3 4p n0glTAzk2eGNKdjjgRmbrewP2YjYcns3YuTQaa yXipan4a630u6TNjRbR1d6tnl9OFfnrWHemoWAFrQgcS3OOspt8W3s6aHv2K2JsJtsUCcClvacFn5hZC 54YaGelRKElilBYc
Enable filter

Design Area

1fBEt PHquErs52QaTv9OTjXZId5UiLvqJDPqeQI1nr0Xb9crBhKUzB29pSXzeXKTKaPrNLqkv36iwr9X6iQkh7L zEzyTq1tLhLGBeNdq4SixnpCZnMzs8uJt rNhB9dfUPPbYIzEM6kq eLCrr4Y
  1. Tabs to access the Navigator, Components and the following settings for a selected element: 
  • Content
  • Styling
  • Advanced
  1. Undo, Redo and Rest buttons
  2. Preview and Fullscreen button
  3. Save changes and close the customizer button
  4. Drag, Select Parent element, Move element, Duplicate element and delete element buttons
  5. Code Editor button to access the code
  6. Add element button
  7. Responsive view button
  8. Add and access CSS and Javascript code

Customize Home Page

  1. Create a home page from the start
  1. Make sure the page builder is installed and enabled (Refer to the installation and enable filter section above)
  2. Navigate to the Home page of your Moodle site.
  3. Enable the editing Mode 
  4. On the Add a block button make sure the correct region is selected (Full-width top)
  5. Click on the Add a Block button
  6. Browse the available blocks and click on the block you wish to add
  7. To edit the block click on Live Customizer
  1. Import pre-built demo home page
  1. Make sure page builder is installed and enabled
  2. Navigate to the Home page of your Moodle site.
  3. Enable the editing Mode 
  4. On the Add a block button make sure the correct region is selected (Full-width top)
  5. Click on the Add a Block button
  6. Select the Layouts tab under RemUI Blocks
  7. Hover on the layouts for a quick preview of the page and select the page you wish to add
  8. Once added you can click on Live Customizer to edit the individual block

Note: If you add a demo home page your existing home page content and design will be lost

Enhance existing Moodle pages

  1. Navigate to the page you wish to improve.
  2. Enable the editing Mode 
  3. On the Add a block block button make sure the desired region is selected 
  4. Click on the Add a Block button
  5. Browse the available & Dynamics block and click on the desired block to add to the page
  6. Once added you can click on the Live Customizer to edit 

Editing Page Builder blocks

Was this page helpful?