Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Index 

Índice
outlinetrue
exclude.*ndex
stylenone

 


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
subtletrue
titleLearn more

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:

  • 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.
  • snowflake: theme with a modern innovative look. Allows customizing brand colors and logo images.


ClassicSnowflake
Logo imageLogo image
Background image
Top imageFavicon image
Favicon image

Background color

Brand color
Menu color
Top color

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 Image Added (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 Image Added (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 Image Added (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
titleLearn more

For further details on how to change the theme, see Save theme link.

 

Restore theme

01. Click Restore theme

Expandir
titleLearn more

When you click this option, the default settings defined by fluig are applied.

 

...




Informações
titlePlease note!

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.