Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Exibe uma mensagem personalizada com um conteúdo HTML dentro do chat.
Image Modified
Figura 1 - Bloco Renderizar Html
Informações |
---|
Este bloco é usado juntamente com o componente visual mobile mobile Chat, para mais informações de como configurar o componente consulte a documentação documentação Chat mobile. |
Compatibilidade
- Bloco cliente mobile: cronapi.chat.renderChatHtml()
Retorno
Bloco sem retorno.
Parâmetros
Identificador
Identificador (id
) do componente componente chat. Para selecioná-lo é necessário é necessário vincular o bloco de programação a um formulário de referência, confira no tópico tópico Propriedades do Blockly Blockly da documentação documentação Bloco de Programação.
- Posição: 1
- Inglês: Identifier
- Tipo: Objeto / Object
- Exemplo: "crn-kendo-chat-941301"
Usuário do Chat
Neste parâmetro é inserido o bloco de programação programação Usuário do Chat com com informações sobre o usuário atual do chat.
- Posição: 2
- Inglês: Chat User
- Tipo: Objeto Objeto / Object
Html
Neste parâmetro é inserido o conteúdo HTML que ou CSS que será exibido no chat. Para inserir vários conteúdos HTML e CSS, é necessário o uso do bloco criar lista com.
- Posição: 3
- Inglês: Html
- Tipo: Objeto / Object: Objeto / Object
Exemplo:
Bloco de código language xml linenumbers true <figure> <img src="https://www.cronapp.io/img/logo.svg" alt="Logo Cronapp"> </figure>
Âncora Layout do Anexo Layout do Anexo
Layout do Anexo
Altera o layout de como os conteúdos em HTML serão exibidos conteúdo HTML que será exibido.
- Posição: 4
- Inglês: Attachment Layout
- Tipo: Texto Texto / String
- Exemplo: "Lista"
Opções:
Lista / List
Image Added
Carrossel / Carousel
Image Added
Sucesso
Executa uma ação caso o conteúdo HTML seja exibido com sucesso.
- Posição: 5
- Inglês: Success
- Tipo: Comando Comando sem retorno / No return command
Erro
Executa uma ação caso ocorra um erro durante a exibição do conteúdo HTML.
- Posição: 6
- Inglês: Error
- Tipo: Comando Comando sem retorno / No return command
Exemplo
A função abaixo, a partir do bloco Renderizar Html, exibe no chat uma mensagem personalizada com o conteúdo inserido no parâmetro Hmtl Html. Neste exemplo, o bloco criar lista com foi usada para inserir três conteúdos em HTML.
Image Modified
Figura 2 - Exemplo de uso do bloco Renderizar Html
A imagem a seguir mostra o resultado de execução da Figura 2 com o parâmetro Layout do Anexo sendo do tipo "Lista".
Image Added
Image Removed
Figura 2.1 - Resultado Resultado exibido a partir das configurações da Figura 2
Se o parâmetro Layout do Anexo da função da Figura 2 for alterado para o tipo "Carrossel", o resultado de exibição será o da Figura 2.2.
Image Added
Figura 2.2 - Resultado exibido com layout de Carrossel
Nesta página
Índice |
---|