Changes

Jump to: navigation, search

Branding

168 bytes added, 14:56, 6 December 2019
List Settings
::: {{Icon-Menu}}
# : :* Select '''Global Settings'''.# :* Click on the '''Branding''' tab.# :* For '''Logo''' click on the '''Browse…''' button, which looks like an open folder and select the desired file you want to upload.# :* Click the '''Upload''' button.# :* Reload the page in your browser with a forced cache refresh (CTRL + F5 on the PC).
==Favicon==
===How to upload the Favicon===
:# Click on the '''menu icon''' which looks like 9 squares in the top right of the header.:: {{Icon-Menu}}: :# Select '''Global Settings'''.:# Click on the '''Branding''' tab.:# For '''Favicon''' click on the '''Browse…''' button which looks like an open folder and select the desired file.:# Click the '''Upload''' button.:# Reload the page in your browser with a forced cache refresh (CTRL + F5 on the PC).
==Compact Header==
===How to enable the Compact Header===
:# Click on the '''menu icon''' which looks like 9 squares in the top right of the header.:: {{Icon-Menu}}: :# Select '''Global Settings'''.:# Click on the '''Branding''' tab.:# Toggle on '''Enable Compact Header'''.:# Click the '''Save''' button.:# Reload the page in your browser with a forced cache refresh (CTRL + F5 on the PC).
==Colors & Styles==
===How to modify the Colors & Styles===
:# Click on the '''menu icon''' which looks like 9 squares in the top right of the header.:: {{Icon-Menu}}: :# Select '''Global Settings'''.:# Click on the '''Branding''' tab.:# Click the '''Colors & Styles''' link.:# Click on the desired color picker to choose a new color or enter a Hexadecimal value (example: #000000).:# Click '''Save'''.:# Reload the page in your browser with a forced cache refresh (CTRL + F5 on the PC).
===Color & Styles settings explained===
|-
||Mandatory Field Font Color
||The color of all fields set as mandatory. Typically, the mandatory field color is set to #D81A01 which is a shade of red. This red has enough contrast to meet with Accessibility guidelines.
|-
||Mandatory Field Style
|-
||Heading Font
||Text color for table headers. This must be a dark color. Typically, the header color if the header color is darkused.
|-
||Heading Background
||Table Header color. Typically, We recommend using a lighter version of the of the header color at around 15% is recommended. Note the header font and background color inverse when the header of a column is clicked.The sorting icons for list views are an opacity of the Heading Font, so be careful with the colors you choose to ensure you meet with accessibility standards for color contrast. You can use this tool to check https://webaim.org/resources/contrastchecker/
|-
||Top Border
===How to export and import colors and styles between systems===
:# Click on the '''menu icon''' which looks like 9 squares in the top right of the header.:: {{Icon-Menu}}: :# Select '''Global Settings'''.:# Click on the '''Branding''' tab.:# Click the '''Colors & Styles''' link.:# In the action bar located near the header click on the '''Export Styles''' button.:# A modal window will open. Copy the code in the modal window.:# Go to the system where you want to apply these styles.:# Follow steps 1 to 4 above.:# In the action bar located near the header, click on the '''Import Styles''' button.:# Paste the styles you copied into the modal window of the desired system.:# Click the '''Import Styles''' button on the bottom of the modal window.:# Click '''OK''' on the alert.:# Close the alert and the modal window.:# Click '''Save'''.:# Reload the page in your browser with a forced cache refresh (CTRL + F5 on the PC).
==Tip: Image sizing and compression==
https://www.flaticon.com/
=See Also=
The '''Branding''' section of '''Global Settings '''also allows you to modify the [[Organization Terminology]] and [[Login Page|login pages]] for your system. 
 
* [[Organization Terminology]]
* [[Login Page]]
* [[Signup Page]] 
* [[How the SmartSimple Support Desk Works]]
[[Category:Interface]]
Smartstaff, administrator
3,315
edits

Navigation menu