Código fonte Wiki de Mensagens com formatação (HTML)

Versão 4.2 por FlowFast em 2025/09/17 11:51
Mostrar últimos autores
1 Dentro de um tarefa é possível colocar um campo do tipo HTML onde pode ser colocado um conteúdo com HTML com formatação.
2
3 Abaixo alguns exemplos para apresentar mensagens para o usuário, conforme imagem.
4
5 [[image:1739365953564-290.png]]
6
7 === Mensagem de informação com ícone ===
8
9 (((
10 {{code language="HTML" layout="LINENUMBERS"}}
11 <div class="ui-message ui-staticmessage ui-message-info ui-corner-all">
12 <span class="ui-message-info-icon"></span>
13 <span class="ui-message-info-summary">INFORMAÇÃO</span>
14 <span class="ui-message-info-detail">Esta é uma mensagem de informação</span>
15 </div>
16 {{/code}}
17 )))
18
19 === Mensagem de alerta com ícone ===
20
21 (((
22 {{code language="HTML" layout="LINENUMBERS"}}
23 <div class="ui-message ui-staticmessage ui-message-warn ui-corner-all">
24 <span class="ui-message-warn-icon"></span>
25 <span class="ui-message-warn-summary">ALERTA</span>
26 <span class="ui-message-warn-detail">Mensagem de alerta</span>
27 </div>
28 {{/code}}
29 )))
30
31 === Mensagem de erro com ícone ===
32
33 (((
34 {{code language="HTML" layout="LINENUMBERS"}}
35 <div class="ui-message ui-staticmessage ui-message-error ui-corner-all">
36 <span class="ui-message-error-icon"></span>
37 <span class="ui-message-error-summary">ERRO</span>
38 <span class="ui-message-error-detail">Ocorreu um erro!</span>
39 </div>
40 {{/code}}
41 )))
42
43 === Mensagem de orientação com conteúdo dinâmico ===
44
45 É possível utilizar o conteúdo de outros campos do processo dentro do HTML como variáveis de substituição.
46
47 (((
48 {{code language="HTML" layout="LINENUMBERS"}}
49 <div class="ui-message ui-staticmessage ui-message-info ui-corner-all">
50 <span class="ui-message-info-detail"
51 style="white-space: pre-wrap; display: inline-block;">{TXT_ORIENTACAO}</span>
52 </div>
53 {{/code}}
54 )))
55
56 === ===
57
58 === Título avulso - similar ao título dos campos ===
59
60 [[image:1758120609227-839.png]]
61
62 {{code language="HTML" layout="LINENUMBERS"}}
63 <div class="wfl-titulo">Título</div>
64 {{/code}}