Histórico da Página
Index
Índice | ||||||
---|---|---|---|---|---|---|
|
Speaking of themes ...
This feature allows you to change the look of the platform to a more alternative model by changing the colors of itsupper bar, menu bar and background. You can also change the logo, background and top images.The The changes made to the theme by the wcmadmin user are will be applied to all existing companies. However, the theme for each company can also be changed. And in that case, the change must be made by the company’s administrator user.
Estado | ||||
---|---|---|---|---|
|
HTML |
---|
<a id="toggleAll" href="#" >Expand/hide additional information. </a>
<script type="text/javascript">
var abertos = 0;
var fechados = 0;
function contador() {
abertos = 0;
fechados = 0;
jQuery(".expand-control").each( function() {
if (document.getElementById(this.id).children[0].className != "expand-control-icon icon expanded") {
fechados++;
} else {
abertos++;
}
});
}
AJS.toInit(function() {
contador();
var soma = abertos + fechados;
$("#toggleAll").html('Expand/hide ' + soma + ' additional information.');
AJS.$('#toggleAll').click(function() {
contador();
if (abertos >= fechados) {
jQuery(".expand-control").each(
function() {
if (document.getElementById(this.id).children[0].className == "expand-control-icon icon expanded") {
jQuery(this).trigger("click");
}
}
)
} else {
jQuery(".expand-control").each(
function() {
if (document.getElementById(this.id).children[0].className != "expand-control-icon icon expanded") {
jQuery(this).trigger("click");
}
}
)
}
});
});
</script> |
Basic path
01. Access the platform with the wcmadmin user.
...
new companies created on the platform. To change the theme in a specific company, see Theme.
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.
Change theme
...
01. Select Control Panel from the main menu, then check WCM container and click the Theme option.
02. Choose the theme by clicking the ON/OFF button next to the theme of your choice.
Painel | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Themes available for selection:
|
03. Click Apply.
Painel |
---|
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 snowflake option.
02. Select the portal brand color from the color palette.
Painel |
---|
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.
Painel |
---|
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.
Painel |
---|
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.
Painel |
---|
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 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.
Painel |
---|
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.
Painel |
---|
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.
Painel |
---|
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.
Painel |
---|
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.
Painel |
---|
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.
Painel |
---|
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.
Painel |
---|
The Style Guide skin defines the design of components shown in the platform, changing the visual pattern, spacing, and font scheme, among others. Skin options: classic and flat. |
02. Click Apply.
Painel |
---|
Changes to the skin will only become effective after the user logs off and logs in again. |
03. Click on WCM tab.
04. Click Theme.
05. View the fluig theme settings options.
Alternative paths
Change theme
01. Make the changes of your choosing to configure a new theme to be applied to all companies on the platform.
Expandir | ||
---|---|---|
| ||
For further details on how to change the theme, see Save theme link. |
Restore theme
01. Click Restore theme
Expandir | ||
---|---|---|
| ||
When you click this option, the default settings defined by fluig are applied. |
...
Informações | ||
---|---|---|
| ||
This documentation is valid from the Liquid (1.6.5.10 ) update. If you use a previous updatean earlier version, it may contain information different from what you see on in your platform. |