Lista Personalizada

Observação:

• When using images, headers, or labels with variable height and width inside a Custom List control, a flickering issue is observed. To fix this, use a consistent height and width for the Image, Header, and Label controls.
• Se você encontrar problemas de oscilação ou se a barra de rolagem horizontal não estiver funcionando corretamente, certifique-se de definir um contêiner fixo de altura e largura.

While Table control, represents data as rows and columns, Custom List ( previously called Advanced List ) provides flexibility to represent data in the format the user needs them. In the Custom List control, the user can use various controls and position them according to their choice using the Template. A template is nothing but a Container that holds controls and other containers.

A Lista Personalizada tem 2 conjuntos de propriedades, um para a Lista Personalizada e o outro para o Modelo dentro dele.

Observação:

Você pode navegar entre Custom List properties e Template properties, clicando no controle da tela ou no modo de exibição de árvore, à esquerda. Cada clique alterna a seleção entre Lista Avançada e seu Modelo na tela.

Propriedades da lista personalizada

Geral

• Dica de ferramenta — Dica de ferramenta a ser exibida na lista personalizada. Use a dica para fornecer informações adicionais sobre o controle.
• Origem de dados — Origem do controle da tabela. Os tipos de dados válidos são Tabela de Dados e Array de Objetos.
• Associação de valor selecionado — Associe o valor da tabela selecionado no tempo de execução a um argumento de Processo de RPA ou a um campo do aplicativo.
• Oculto — Quando selecionado, oculta o controle no tempo de execução.
• Desabilitado — Quando selecionado, desabilita o controle no tempo de execução.

Events

• Valor alterado — Configure o que deve acontecer quando o valor for alterado.

Estilo

• Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default to Parent's alignment, toggle the selected alignment icons to switch off the specific alignment.

  Observação:

  Alignment is dependent on Parent's layout ( Vertical vs Horizontal ).

• Layout — Determine como os modelos serão exibidos na Lista Avançada. Ele pode ser apresentado horizontalmente (lado a lado) ou verticalmente (um abaixo do outro).

• Espaço intermediário — Determine o espaço entre os modelos.

• Margem — Define a margem do controle. Por padrão, a margem de 4px é definida. As propriedades Top/Bottom (Superior/Inferior) e Left/Right (Esquerda/Direita) são combinadas. Essas propriedades podem ser desvinculadas, usando-se o botão de desvinculação, do lado direito do cabeçalho da seção da Margem.

• Size - The width and height of the control can be set in the size section. By default, the size is set to Auto. Min Width/ Min Height and Max Width/ Max Height are available under more (...) in the size section.

Propriedades do modelo

Geral

Sem Propriedades

Events

• Clicando em — Configure o que acontece ao se clicar no modelo.

Estilo

• Layout — Determine como os controles dentro do modelo são posicionados.

  • Direction (Horizontal/Vertical) - Controls are arranged one below the other (vertical) or side by side (horizontal).

  • Alinhamento — Alinhamento de controles dentro do modelo (Esquerdo, Centro, Direito e Estender na vertical e Superior, Meio, Inferior e Estender na horizontal).

  • Justificar — Superior, Centro, Inferior e Distribuir na direção vertical e Esquerda, Centro, Direita e Distribuir na direção horizontal.

  • Permitir encapsulamento — se habilitada, encapsula o controle no contêiner se não houver espaço suficiente.

    Observação:

    A propriedade Allow Wrapping é aplicada quando o tamanho (largura ou altura) estiver configurada para um valor definido e não no Auto.

• Cor de fundo — Define a cor de fundo do modelo.
• Borda — Define a borda do controle. Com relação à borda, é possível configurar a espessura, a cor e o raio da borda.
• Preenchimento — Define o preenchimento do modelo. Por padrão, o preenchimento é definido para 8px. As propriedades de margem interna Superior/Inferior e Direita/Esquerda são combinadas. Caso outros valores de preenchimento precisarem ser definidos para os lados Superior, Inferior, Esquerdo e Direito, essas propriedades podem ser desvinculadas com o ícone de desvinculação, que fica do lado direito do cabeçalho, na seção de preenchimento.
• Size - The width and height of the control can be set in the size section. Width is inherited from the parent for Vertical layout and cannot be edited. Similarly Height is inherited from the parent for Horizontal layout and cannot be edited. Min Width/ Min Height and Max Width/ Max Height are available under more (...) in the size section.

Observação:

As listas personalizadas são mais bem otimizadas quando têm uma altura de pixel fixa, que é quando a Rolagem Virtual está habilitada.

Para um grande número de linhas em uma lista personalizada, há uma opção de usar a rolagem virtual para que os elementos do visor sejam carregados instantaneamente e os próximos elementos sejam carregados de forma progressiva à medida que você rola. A rolagem virtual só funciona quando a altura da lista personalizada estiver definida como uma altura em pixels.

Se a rolagem virtual não for usada, uma lista personalizada com um grande número de linhas pode ser lenta.

A rolagem virtual melhora o desempenho carregando apenas os itens relevantes no visor quando no tempo de execução. Isso só funciona quando uma altura é configurada e não é definida como automática.

Se a propriedade Altura estiver definida como automática, o tamanho do controle no tempo de execução e o tempo de design podem não corresponder. Isso acontece porque a altura do controle depende do número de linhas retornadas no tempo de execução, enquanto no tempo de design, o controle está vazio.

Para qualquer controle com dados dinâmicos, como tabelas, listas ou listas personalizadas, recomendamos configurar uma altura fixa para melhorar o desempenho.