Exibe uma mensagem personalizada com um conteúdo HTML dentro do chat.
Figura 1 - Bloco Renderizar Html
Este bloco é usado juntamente com o componente visual mobile Chat, para mais informações de como configurar o componente consulte a documentação Chat mobile.
Identificador (id) do componente chat. Para selecioná-lo é necessário vincular o bloco de programação a um formulário de referência, confira no tópico Propriedades do Blockly da 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 Usuário do Chat com informações sobre o usuário atual do chat.
Posição: 2
Inglês: Chat User
Tipo: Objeto / Object
Html
Neste parâmetro é inserido o conteúdo HTML ouCSS que será exibido no chat. Para inserir vários conteúdos HTML e CSS, é necessário o uso do bloco criar lista com.
Altera o layout de como os conteúdos em HTML serão exibidos.
Posição: 4
Inglês: Attachment Layout
Tipo: Texto / String
Exemplo: "Lista"
Opções:
Lista / List
Carrossel / Carousel
Sucesso
Executa uma ação caso o conteúdo HTML seja exibido com sucesso.
Posição: 5
Inglês: Success
Tipo: 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 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 Html. Neste exemplo, o bloco criar lista com foi usada para inserir três conteúdos em HTML.
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".
Figura 2.1 - 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.
Figura 2.2 - Resultado exibido com layout de Carrossel