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

Última modificação por FlowFast em 2025/02/12 10:22

Ocultar últimos autores
FlowFast 1.2 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
FlowFast 1.3 3 Abaixo alguns exemplos para apresentar mensagens para o usuário, conforme imagem.
FlowFast 1.2 4
FlowFast 1.3 5 [[image:1739365953564-290.png]]
FlowFast 1.2 6
FlowFast 3.2 7 === Mensagem de informação com ícone ===
FlowFast 1.2 8
FlowFast 1.3 9 (((
FlowFast 2.1 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>
FlowFast 1.3 16 {{/code}}
17 )))
18
FlowFast 3.2 19 === Mensagem de alerta com ícone ===
FlowFast 3.1 20
FlowFast 3.2 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 )))