/
Facelift v2.0 Web

Facelift v2.0 Web

About Facelift 2.0

Facelift 2.0 brings an updated look and feel that is more consistent with standard system color, typography, navigation, icon, form, list, field, popup, buttons and usability. 

Home Page

Below the homepage changes

  • User Information and Preference has move to top right corner of the home page
  • User can view Profile Picture if uploaded from Mobile
  • Style changes to Top Header, Breadcrumb and Menu
  • Style changes to Navigator
  • Design changes to add widget screen
  • Widget header , ellipsis style change
  • Widget layout with 4 standard width
  • New widget for Module & App
Current VersionFacelift 2.0

Menu

Add Widget


Back to top

Detail Page

Below the detail page changes

  • Label and control style, size and spacing
  • Highlighted section
  • Sidebar new style
  • Primary and secondary button
  • Popup detail and main screen detail with different style
  • Popup primary and secondary button with different style
  • Detail screen tab with new style
  • Filter detail screen with new style
Current VersionFacelift 2.0

Form with Sidebar

Form with Sidebar and List

Form Popup

Popup Form with Tab

Back to top

Pick List

Below the detail page changes

  • Picklist with persona icon
  • All button on bottom-bar 
  • Primary and secondary button
Current VersionFacelift 2.0

Employee

User

Back to top

List

Below the detail page changes

  • List screen style with left and right margin
  • List header style
  • List column sorting icon
  • List tab style
  • List primary and secondary button (fixed place)
  • Highlighted row 3D style 
  • List action option style
  • List code style (merged column)
  • Hierarchy list style
  • List pagination style
Current VersionFacelift 2.0

List with Color Code

List with Hierarchy 

List with Action Column

Back to top

Others

  • Summary Screen
  • Screen with more Tab
Current VersionFacelift 2.0








Instructions

  • Widget Width Adjustment 
    • Under home page My View, user need to adjust widget width manually if there is any discrepancy. 
  • Customer Logo Update
    • *Update Customer Logo based on theme color. (Will publish the standard) 
  • Dashboard Style
    • Dashboard style will be part of v19.2.1
Current VersionFacelift 2.0

Customer Logo



© 2018 ProcessMAP Corporation, All Rights Reserved Confidential, may not be disclosed without the express permission of ProcessMAP Corporation