Configure pop-ups de ajuda para layouts

Implemente pop-ups de ajuda de compra em CPQ.

Os pop-ups de ajuda fornecem ao usuário mais informações sobre um campo em um layout. Eles se assemelham a. tooltiptipo de exibição de mensagem, mas diferem das seguintes maneiras:

• As dicas de ferramenta aparecem somente quando a condição de uma regra de mensagem é atendida, enquanto os pop-ups de ajuda estão sempre presentes no layout
• As dicas de ferramenta exibem somente texto simples, enquanto os pop-ups de ajuda podem incluir hiperlinks, listas, itálico, texto em negrito, novas linhas, e texto dinâmico
• As dicas de ferramenta aparecem ao passar o mouse, enquanto os ícones pop-up de ajuda devem ser clicados para exibir mensagens

Nota:

Para saber como exibir uma mensagem que aparece como resultado de uma regra de mensagem, consulte Mude como as mensagens são exibidas para o usuário final.

Aparência do pop-up

A imagem abaixo mostra uma mensagem pop-up que aparece quando o usuário clica no ícone de ajuda. Para ilustrar o texto dinâmico em um pop-up de ajuda, a segunda imagem mostra o texto adicional que aparece como o resultado de uma opção de lista de seleção selecionada.

Para implementar um pop-up de mensagem, adicione um cabeçalho de coluna chamado "ajuda" na célula K1 do layout CSV.

Para um nível, conjunto de colunas ou campo, o formato de um pop-up de ajuda é o seguinte:

{"content":"<help body>","heading":"<help heading>","trigger":{"type":"icon","url":"<image.url>”,“label”: “<Label>”}}

Para atribuir ao pop-up um botão em vez de um ícone, use "tipo":"botão". O botão é semelhante ao seguinte:

Se você não especificar um URL de imagem, um ponto de interrogação aparecerá:

Se você não especificar um rótulo, o valor padrão será "Ajuda".

Formatando o conteúdo do pop-up

A tabela a seguir mostra como controlar a formatação do conteúdo de um pop-up de mensagem.

Tabela 1. Opções de formatação do pop-up de mensagem

Opção de formatação	Sintaxe	Saída	Anotações
Negrito	Texto em negrito	[exibição de texto em negrito]	Pode usar sublinhados em vez de asteriscos
Itálico	Texto em itálico	[o texto é exibido em itálico]	Pode usar sublinhado em vez de asterisco
Lista não ordenada	Item- Item- Item	Item Item Item
Lista ordenada	1.Item/r2. Item/r3. Item	Item Item Item
Nova linha	first line\nsecond line	primeira linha segunda linha
Link	[texto de exibição do link](https://www.google.com)	[o texto de exibição do link aparece como um link clicável]	O JavaScript será limpo
Imagem (GIF)			As aspas ao redor do texto do título devem ser escapadas
Texto dinâmico	.		Produz o valor do campo selecionado no texto