MithiDocs

Customize the web client login page

​Overview

You can customize your Baya V4 login page by: 

  1. Selecting login security features.
  2. Customizing the home page display.

Adding security features to the login page

Every login page has edit boxes where users can enter their email ids, passwords, Captcha text-box, forgot password link. These are in the login details box at the center of the login page. You can decide whether to display the Captcha, and the forgot pass link in the box by choosing the options from the Enable/Disable plugins page.

  1. Login to your account using Baya V4  using email id with admin rights.
  2. On the Application switch, click on the Settings icon to launch the Settings application.
  3. On the left pane, select the Enable/Disable plugins option.
  4. Enable or disable the Captcha or Forgot Password link options as required.
  5. Click on Save. The changes come into effect immediately.

Customizing the home page display

Navigate to the Customize login page

  1. Login to your account using Baya V4 with an id having an admin role. (The settings for customization are visible only to users with admin roles.)
  2. On the Application switch, click on the Settings icon to launch the Settings application.
  3. On the left pane, select the Customize login page option. 
  4. This page has two tabs, viz. Edit and Preview. The Edit tab allows you to configure the settings to customize the page. The Preview tab shows you the preview of the login page with settings you have configured.

Selecting a background image or color

By default, every Baya V4 login page has a default background image. You can choose to change the image or replace it with a custom color.

  1. Select the Edit tab to configure the background color of the login page. 
  2. To replace the default background image with a color, 
    1. Select the Background color tab
    2. Click the color and choose the color from the palette 
    3. Click on Save 
  3. To change the background image:
    1. Select the Background image tab
    2. Browse and select the image from your machine. Make sure the image file size does not exceed 200 kb. The file should be in PNG or JPEG format.
    3. Click on Save.
  4. Select the Preview tab to see the preview of the login page with settings you have configured.

Customizing the content of the top, bottom, left and right frames of the login page

In addition to changing the background, you can customize the contents of the frames around the login details. In each frame, you can display text, links, and images. The contents on the panes appear superimposed on the background.

Note: The home page on a mobile browser shows the background image or color selected. The contents of the panes are not displayed.

To update the contents of each frame, do the following:

  1. To enter text, click in the edit box and enter the text. Use the options on the toolbar for formatting.
  2. To insert images, click on the Insert/edit image icon.
  3. To enter the HTML code, click on the Source code icon.
  4. Use the Preview option in the View menu to view the changes to the frame content.
  5. Click on Save.

Viewing the changes

The Customize login page has a preview tab. On saving the changes, you can switch to the Preview tab to view the impact of your changes.

Note: Changes saved are immediately visible on the login page.