Breve Visão Geral

Crie facilmente ShoutOuts para diferentes cenários e atualize o design dos balões WalkMe em minutos. A Galeria de Design permite selecionar modelos pré-projetados para seus balões e ShoutOuts:

A Galeria de Design permite que você faça edições rápidas e fáceis nos modelos de balões e ShoutOut. Os modelos da Galeria de Design são aplicados a partir de um ShoutOut ou balão e podem ser editados no menu de interação do aplicativo. Os modelos também podem ser personalizados usando o Editor de Texto Rich e salvos para uso futuro.

Como Funciona

Aplique um modelo clicando no link Alterar modelo na guia Interação dos balões e ShoutOuts. Clicar no link abrirá a Galeria de modelos disponíveis.

Selecionar um modelo permitirá que você reutilize facilmente designs personalizados. A guia Interação mostra uma pré-visualização do modelo selecionado:

Depois de selecionar um modelo, o design será aplicado ao item relacionado. Nos bastidores, o CSS e o BBcode personalizados do modelo são adicionados ao item no Editor de Rich Text.

CSS

Cada balão e ShoutOut têm um console CSS personalizado local. Isso permite que você aplique um modelo personalizado sem usar o ID do item ou inserir CSS no console CSS global.

Depois que um modelo for selecionado, o CSS local ficará visível no console CSS personalizado. Editar o CSS local (dentro de um balão ou ShoutOut) também atualizará o CSS global.

Precedência CSS

As regras CSS têm diferentes níveis de prioridade, dependendo de onde são definidas:

1. Qualquer CSS aplicado no nível local usando o Editor de Rich Text substituirá qualquer outro design.
2. O CSS aplicado na guia Balão do menu Personalizar será substituído em caso de conflito com o CSS no nível local.
   
3. Por fim, o design aplicado por meio do console CSS global será aplicado por último.
   

BBCode

Alguns modelos usam BBCode além do CSS personalizado para dar estilo a um balão ou ShoutOut. O BBCode aplicado por um modelo substitui qualquer BBCode e texto no balão antes da aplicação do modelo. O BBCode aplicado por um modelo não pode ser revertido usando o botão Redefinir. A edição de um modelo com BBCode só pode ser feita no nível local.