Como configurar um componente de avatar do Agendador de trabalhos

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 1 min. de leitura

    • Use o componente Container para adicionar um avatar e o nome de usuário do responsável pelo item de trabalho.

    Antes de Iniciar

    Função necessária: administrador, workspace_admin ou ui_builder_admin​

    Procedimento

    1. Na seção Conteúdo, navegue até Corpo (Flexível) > Contêiner da base do cartão (Flex) > Cabeçalho de base do cartão.
    2. Clique com o botão direito em Cabeçalho de base do cartão e selecione Adicionar componente após.
    3. Na tela pop-up, selecione o componente Valor de rótulo empilhado.
    4. No painel esquerdo, clique com o botão direito em Valor de rótulo empilhado e selecione Adicionar componente após.
    5. Configure o componente.
      1. Na tela pop-up Componentes, selecione Contêiner.
      2. Na guia Configuração, siga estas etapas:
        1. Selecione o ícone Editar visibilidade do componente (ícone Editar visibilidade do componente).
        2. Passe o mouse sobre o campo Ocultar componente e selecione o ícone de vinculação de dados dinâmicos ícone de vinculação de dados dinâmicos.
        3. No campo Ocultar componente, insira !@state.cardProps.assignedTo
        4. No menu Direção, selecione Linha.
        5. Na guia Estilos, no campo Alinhar itens, selecione o ícone central.
        6. Selecione Save (Salvar).
    6. Para adicionar o componente de Avatar, selecione Contêiner (Flexível) > +Adicionar componente.
    7. Selecione +Adicionar componente
      A tela pop-up Componentes será exibida.
      ParaFaça o seguinte
      Como adicionar o componente de Avatar Na guia Configurar, defina o tamanho, o nome de usuário e a dica de ferramenta.
      1. No menu Tamanho, selecione Médio.
      2. Passe o mouse sobre o menu Nome de usuário e selecione o ícone de vinculação de dados dinâmicos ícone de vinculação de dados dinâmicos.
      3. No menu Nome de usuário, digite !@state.cardProps.assignedTo.
      4. Passe o mouse sobre o menu Texto de dica de ferramenta e selecione o ícone de vinculação de dados dinâmicos ícone de vinculação de dados dinâmicos.
      5. No menu Texto de dica de ferramenta, digite !@state.cardProps.assignedTo.
      Como adicionar o componente Valor de rótulo com guias Na guia Configurar, defina o tamanho e os itens.
      1. No menu Tamanho, selecione Pequeno.
      2. Passe o mouse sobre o campo Itens e selecione o ícone de vinculação de dados dinâmicos ícone de vinculação de dados dinâmicos.
      3. No campo Itens, insira [{value: @state.cardProps.assignedTo}
      4. Selecione Salvar.

      Esta é uma demonstração de como configurar um componente de avatar para Agendador de trabalhos