Como configurar um componente de avatar do Agendador de trabalhos
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: admin, workspace_admin ou ui_builder_admin
Procedimento
- Em Conteúdo , navegue até Corpo (flexível) > Contêiner-base do cartão (flexível) > Cabeçalho de base do cartão.
- Clique com o botão direito em Cabeçalho de base do cartão e selecione Adicionar componente após.
- Na tela pop-up, selecione o componente Valor de rótulo empilhado.
- No painel esquerdo, clique com o botão direito em Valor de rótulo empilhado e selecione Adicionar componente após.
-
Configure o componente.
- Na tela pop-up Componentes, selecione Contêiner.
-
Na guia Configuração, siga estas etapas:
- Selecione o ícone Editar visibilidade do componente (
).
- Passe o mouse sobre o campo Ocultar componente e selecione o ícone de vinculação de dados dinâmicos
.
- No campo Ocultar componente, insira !@state.cardProps.assignedTo
- No menu Direção, selecione Linha.
- Na guia Estilos, no campo Alinhar itens, selecione o ícone central.
- Selecione Save (Salvar).
- Selecione o ícone Editar visibilidade do componente (
- Para adicionar o componente Avatar, selecione Contêiner (flexível) > Adicionar componente.
-
Selecione +Adicionar componente
A tela pop-up Componentes será exibida.
Para Faç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. - No menu Tamanho, selecione Médio.
- Passe o mouse sobre o menu Nome de usuário e selecione o ícone de vinculação de dados dinâmicos
.
- No menu Nome de usuário, digite !@state.cardProps.assignedTo.
- Passe o mouse sobre o menu Texto de dica de ferramenta e selecione o ícone de vinculação de dados dinâmicos
.
- 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. - No menu Tamanho, selecione Pequeno.
- Passe o mouse sobre o campo Itens e selecione o ícone de vinculação de dados dinâmicos
.
- No campo Itens, insira
[{value: @state.cardProps.assignedTo} - Selecione Salvar.
Esta é uma demonstração de como configurar um componente de avatar para Agendador de trabalhos