Index
Speaking of themes...
The platform provides two distinct themes for the administrator to choose from and contains specific options to customize each one of them.
The classic theme, applied by default to new installations on the platform, has a traditional design while the liquid theme has a more modern, fluid design.
This screen also allows selecting the skin, which configures the design and the arrangement of platform components.
Apply theme
01. In the main menu, click Control Panel, then check Customization container and click Themes.
02. Choose the theme by clicking the ON/OFF button next to the theme of your choice.
Themes available for selection:
fluig classic: platform default theme. Allows customizing colors for the main menu, top and background as well as images for the logo, background, top and favicon.
fluig snowflake: theme with a modern innovative look. Allows customizing brand colors and logo images.
Tema clássico | Tema Snowflake |
---|---|
Logo image | Logo image |
Background image | |
Top image | Favicon image |
Favicon image | |
Background color | Brand color |
Menu color | |
Top color |
Restrictions
In the Snowflake theme, pages created on the platform do not display custom icons in the main menu. If possible, from page creation and editing, select a specific icon available on the platform.
05. Click Apply.
It is necessary to wait a few minutes for the theme change to be complete on all platform pages.
Customize snowflake theme
01. Click (Manage theme) next to the fluig Snowflake option.
02. Select the portal brand color from the color palette.
Brand color is used to enhance the profile image, main menu items, icons and buttons on the platform.
03. To define a logo image, click the choose file button.
The recommended height for the logo image is 60 pixels. Larger images will be resized to that size. Supported formats are .jpg and .png.
04. In the Search Explorer, choose the image to be sent.
05. Click Open.
06. To define a favicon image, click the Choose file button.
The supported format for favicon images is .ico and the recommended size is 32 x 32 pixels. Learn more details in Favicon customization.
07. In the Search Explorer, choose the image to be sent.
08. Click Open.
09. Click Save theme.
Changes to the theme will only become effective after the user logs off and logs in again.
Customize classic theme
01. Click (Manage theme) next to the fluig classic option.
02. Select the portal background color in the color palette.
03. Select the portal menu color in the color palette.
04. Select the portal top color in the color palette.
05. To define a background image, click the Choose File button.
06. In the search explorer, choose the image you want to send.
07. Click Open.
08. To define a logo image, press the Choose File button.
The maximum height for the logo image is 60 pixels. Larger images will be resized to that size. Supported formats are .jpg and .png
09. In the search explorer, choose the image you want to send.
10. Click Open.
11. To define a top image, press the Choose File button.
The recommended height for the top image is 60 pixels, and supported formats are .jpg and .png. There is no maximum width size.
12. In the search explorer, choose the image you want to send.
13. Click Open.
14. Choose the top image display method.
Repeat: This is the standard option for new companies. By selecting this option, the top image will be replicated until it covers the entire space available in the top tab.
Expand: By selecting this option, the top image will be enlarged to cover the entire space available in the top tab.
15. To define a favicon image, click the Choose File button.
The supported favicon image format is .ico and the recommended size is 32 x 32 pixels. Learn more details in Customizing favicon.
16. In the search explorer, choose the image you want to send.
17. Click Open.
18. Click Save theme.
Changes to the theme will only become effective after the user logs off and logs in again.
Restore theme
01. Click (Manage theme) next to the theme of your choice.
02. Click Restore Theme.
03. Click Confirm.
The theme will have the images and colors restored to the platform default ones. The restoration will take effect the next time the user logs in.
Apply skin
01. In the Style Guide Skin selection chart, select the appropriate design by clicking the ON/OFF button.
The Style Guide skin defines the design of components shown in fluig, changing the visual pattern, spacing, and font scheme, among others. Skin options: classic and flat.
02. Click Apply.
After changing the fluig skin, exit the platform and login again for the changes to apply.
Please note!
This documentation is valid from Liquid (1.6.5) update. If you use an earlier version, it may contain information different from what you see in your platform..