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 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  Objeto / Object
  • Exemplo: 

    Bloco de código
    languagexml
    linenumberstrue
    <figure>
      <img src="https://www.cronapp.io/img/logo.svg" alt="Logo Cronapp">
    </figure>

Âncora
Layout do Anexo
Layout do Anexo

Layout do Anexo

Layout do conteúdo HTML que será exibidoAltera o layout de como os conteúdos em HTML serão exibidos.

  • Posição: 4
  • Inglês: Attachment Layout
  • Tipo: Texto  Texto / String
  • Exemplo: "Lista"
  • Opções:

    Lista / List

    Image Modified

    Carrossel / Carousel

    Image Modified

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 Html. Neste exemplo, o bloco bloco criar lista com foi  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 [DI-939] Renderizar Html / Render Chat Html Contents Layout do Anexo sendo do tipo "Lista".


Image Modified

Figura 2.1 - Resultado  Resultado exibido a partir das configurações da Figura 2


Se o parâmetro [DI-939] Renderizar Html / Render Chat Html Contents 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 Modified

Figura 2.2 - Resultado  Resultado exibido com layout de Carrossel

Nesta página

Índice