Documentation

Uploading Edwiser RemUI

You can download the theme from the link in your purchase receipt. Once you download Edwiser RemUI, follow the below steps to install the theme on your Moodle site:

  1. Login to your Moodle site as an admin and go to Administration → Site administration Plugins Install plugins.
  2. Upload the ZIP file. You could be prompted to add extra details (in the ‘Show more‘ section), if your plugin is not automatically detected.
  3. If your target directory is not writeable, you should see a warning message.
  4. Check the plugin validation report, to verify if the theme has been successfully installed.

Activating the Theme

Follow below given steps to change the theme on your Moodle site.

  1. Log in as admin and go to Administration Site administration Appearance Themes Theme Selector
  2. Click on ‘Clear theme caches‘ button
  3. Click on the ‘Select theme‘ button on the right of the current theme being
  4. Scroll down to find Edwiser RemUI
  5. Click the ‘Use theme’ button next to Edwiser RemUI
  6. Moodle should tell you that the theme has been set as the default theme
  7. Check your Moodle site by going to the Moodle site’s home page
  8. You may have to refresh your browser to see the changes

Activating the License

  1. To activate the license, go to Site Administration → Appearance → Themes → Edwiser RemUI → License Settings.
  2. Add your 16 digit license key (which you must have received in your purchase receipt) in the input box and hit the ‘Activate License‘ button.
  3. Once you activate a valid license, the site-wide license activation message will be disabled.

NOTE: Kindly make sure that the ” curl_exec ” PHP file is enabled in your Moodle server so that the license key gets activated without which you shall receive an “Invalid key” message.

License Settings

Color Settings

  • Pick a Color Scheme: You can pick any color (or color combination) from the drop-down menu. By default, the sidebars have a dark background. To set a lighter background for the left sidebar, select {color}-Light combination.

Blue, Blue-Light

edwiser-remui-blue

Green, Green-Light

edwiser-remui-green

Red, Red-Light

edwiser-remui-red

Yellow, Yellow-Light

edwiser-remui-yellow

Purple, Purple-Light

edwiser-remui-purple

Layout Settings

  • Choose Layout: We’ve provided 2 types of layouts for your Moodle Dashboard:
    • Default Layout: In this layout, you will get a full-width layout with collapsible sidebars.
    • Fixed Layout: Here, the layout is full-width (with collapsible sidebars), but the header is always sticky on scroll.

dashboard-settings-complete

  • Toggle Right Sidebar: By clicking on this checkbox you will be able to freeze the right sidebar (that is to say, it will be visible by default)

toggle-sidebar-right

 

  • Toggle Left Sidebar: The left sidebar contains the main navigation menu and is visible by default. By clicking on this checkbox the left sidebar will be collapsed by default.

toggle-sidebar-left

 

  • Toggle color of the right sidebar: Using this checkbox you can change the skin color of the right sidebar to a lighter shade.

toggle-skin

Set the Site Logo

You can select any one of the 3 formats for your logo:

  1. Icon & sitename
  2. Icon Only
  3. Sitename Only

Icon & Sitename Only

With this option, you can add a sitename and set add any icon from the list of Font Awesome icons.

Logo Only

You can upload your site’s logo using the visual uploader from the settings page.

Sitename Only

With this option you can display the sitename as the logo.

 

general-settings-complete

Set Course Archive Page Display

Courses Per Page

You can set the number of courses (4,8,12) that you want to display on the course archive page.

course-per-page

 

Add a Favicon

Favicon

You can add any image to be uploaded as a favicon for your Moodle site.

favicon

 

Custom CSS

Custom CSS

You can add custom CSS as needed, in this custom box. Do note, the changes will be reflected on all the Moodle pages.

custom-css

Set the Font

Font Type Selector

  1. With this option, you can go for the Standard font, wherein the default fonts that provided by Edwiser RemUI will be used.
  2. Or you can go for Google Fonts if you want to add additional fonts for your Moodle site.

font-selector

Add Slider on the Frontpage

Style

  1. Static Content
  2. Slider Content

Static Content

  • With Static Content you can select whether you want to add a video or an image as the header content.
  • To add a video, you will need to select Video URL as ‘Select Content type‘, and add the URL of the relevant video in the ‘iframe Embedded code’ custom box.
  • If you set ‘Select Content type‘ as Image, then you can upload an image to the ‘Upload Image‘ field. In the ‘Add Text‘ field you can add content which will displayed as an overlay on the image.

Slider Content

  • By selecting ‘Slider Content‘ you can add a slider on the header.
  • You can set the ‘Slide Interval‘ in milliseconds, ‘Set Slider Autoplay‘ to your preference, and the ‘No of slides‘.

slider-setting-header-complete

Slide Interval

You can set the speed of transition between slides in this custom box.

Slide-interval

 

Set Interval Autoplay 

Enable or disable automatic transition of slider element.

set-slider-autoplay

 

Number of Slides

Set the number of slides you want your slider to display.

no-of-slides

Slide Settings

Upload images to Slider

You can add an image on the slide using the image uploader option.

Add Slider Text

With this field you can add overlay text on the slide.

Add Text button on slider

If you want to display a button on the slider, you can set the button label here. If you do not add a value, a button won’t be displayed.

Slider text button link

You can add a link to the button on the slider using this field.

 

slider-setting-header-complete-2

Customising the Homepage Content

The main body of the homepage or front-page displays the courses, has a four column layout to display information, and an about us section.

In the four column layout, each section has the same options, but you can customize it based on your preference.

Enable buttons on Section

You can enable or disable a button for the section using this option. A button is displayed after the icon and section description.

enable-button-on-section

Body title for Section

You can add a title for the section here.

body-section-title

Body description for Section

In this custom box, you can add the description of the section, which will be displayed under the title.

body-section-description

Font Awesome icon for Section 

You can use the default icon or add a Font Awesome icon of your choice here.

font-awesome-icon-section1

Button Text section

For the button you add to this section, you can set the button label here.

button-text-section

URL link Section

Add a link for the button here.

About Us Settings

Enable About us section

By enabling or disabling this checkbox you can enable or disable the ‘About Us section.

front-page-about-us

About us Heading 

You can add a custom heading to the ‘About Us‘ section using this field.

About us text

You can add the description in this custom box which will be displayed below the title.

Frontpage about us image

You can add image to this section by uploading an image of your choice.

2016-07-26

Social Media Settings

In this section, you just have to add links to your relevant social media account so that your users are redirected to those pages.

Social network icons will be displayed in the footer of your Moodle LMS.

social-media-settings

Personalizing the Footer

Footer Column Title

Here you can add a title to the footer section.

Custom HTML 

In this custom box, you can add text relevant to the column title.

Edwiser RemUI-Left Footer Section Settings

Text in Footer Bottom

In this custom box, you can add the text of the quick link you want to display to your users like “Copyright” etc.

Footer Link

Add a link to which you want your users to be redirected when they click on the quick link text.

 

footer-bottom-section

Customizing the Login Page

Upload Background Image

You can upload a background image of your choice using this option.

Signup panel text color

Here you can select the text color of your choice which will be reflected on the Login/Signup panel.

login-page-complete

Edwiser RemUI : Admin View

The theme provides certain benefits to the Moodle LMS admin.

  • You have content creation and navigation quick links
  • Custom widgets to track LMS and user activity… and more

Edwiser RemUI : Color Customization

Choosing the right color is essential when designing your website. Along with the page layout, the color creates a connect with the visitor.

Edwiser RemUI : Personalization Options

Take a look at how you can personalize the font, login page, logo and footer on Edwiser RemUI.