Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.


ThemeSelect a theme to render the Userview
Mobile View DisabledWhen checked, the Userview will not appear in the listing in mobile view.
DescriptionUserview description meant for developer/admin consumption only to describe the purpose of this element.


Image Modified

Figure 2: Userview Properties - Configure Permission

Hide this Userview in App Center?When checked, this particular Userview will not appear in the App Center's listing.
Permission Type Manage the permission on who to see this Userview. See Permission Control.
Temporarily disable permission checking for testing?

When checked, all permission set to Userview and Userview Category will be bypassed. This is a convenient option for app designer to gain access to all menus for testing.

titleImportant Note

Remember to turn this off once testing is done.

titleImportant Note

This will not bypass permission set inside Form and Form Section.

A red colored label/icon denoting "Permission disabled for testing" will appear on the Userview in the App Center as well as in the Userview runtime itself.


Figure 3: Userview Properties - Login Page UI

Custom HTML (Before Login Form)HTML code is expected here.
Custom HTML (After Login Form)HTML code is expected here.


Figure 4: Userview Properties - Mobile Options


UI Attribute - Name


Mobile View Background URL

Path to Background image (e.g. http://localhost:8080/background.jpg)

Mobile View Background Color

Background Color (e.g. #FCFDED)

Mobile View Background Style

  • no-repeat
  • repeat
  • repeat-x
  • repeat-y
  • 100% width

Mobile View Translucent Effect


Mobile View Logo URL

Path to Logo image (e.g. http://localhost:8080/logo.jpg)

Mobile View Logo Width

Width of Logo image (unit must be specified) (e.g. 142px)

Mobile View Logo Height

Height of Logo image (unit must be specified) (e.g. 46px)

Mobile View Logo Alignment

Alignment of logo

  • center
  • left
  • right

Mobile View Custom CSS

Inline CSS for further customization


Figure 5: Sample Mobile View Configurations and its preview


Figure 7: Online status indicator