Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Universal Theme is a responsive theme with material design.

Panel
borderColorredpurple
borderWidth1
titleBGColor#ffcccc#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget Workflow v6.

 

Image AddedImage Added

Figure 1: Universal Theme in mobile and desktop view


Image Modified

Figure 2: Properties - General

NameDescription
Menu Position 

Determines the position of the menu

  • Side Menu
  • Horizontal Menu below Header
  • Horizontal Menu inline with Header
  • No Menu
Theme Scheme 
Primary Color 
Link Color 
Button Color 
Button Text Color 
Menu Font COlor 
Font Color
  • Dark
  • Light
Primary Color

Color Scheme-Primary Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.
Image Added

Link Color

Color Scheme-Link Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

Button Color

Color Scheme-Button Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

Button Text Color

Color Scheme-Button Text Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

Menu Font Color

Color Scheme-Menu Font Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

Font Color

Color Scheme-Font Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

 


Image Modified

Figure 3: Properties - Advanced

NameDescription
Favicon URL Define the path to custom Favicon URL.
Logo URL Define the path to custom Logo URL
Disable ProfileDisable fetching user's profile photo
User Image
  • Hide
  • Gravatar Service
  • Using Hash Variable
    • Define Hash Variable To Retrieve User Image URL

      Code Block
      titleSample
      #form.user_profile.image[{currentUser.id}]#
Inbox 
  • No Inbox
  • Show all assignments
  • Show current App assignment only
Shortcut Link Label Shortcut Link Label
Shortcut Defines links to be parked under Shortcut menu
User Menu Shortcut Defines links to be parked under User menu

Enable Responsive Switch in Mobile Device?

 

When checked, "Switch to desktop version" link will be shown in mobile device.

Image Added

Remove Auto Title from Process/Assignment form?

 

When checked, process title and activity name will be removed from assignment form. In the screenshot below, the highlighted red box denotes the process title and activity name.

Image Added

Home Banner Custom HTML for Home Banner
Custom CSS Custom CSS for the theme
Custom Javascript Custom Javascript for the theme

 

Figure 4: Properties - Login Page UI

NameDescription
Custom HTML (Before Login Form) Custom HTML to be placed in the login form
Custom HTML (After Login Form) Custom HTML to be placed in the login form

 

Image Modified

Figure 5: Properties - Permission

NameDescription
Hide this Userview in App Center? When checked, this particular Userview will not be listed in App Center.
Permission TypeWhite list to determine access to this Userview.