Filtrar outros componentes

1. Geral

A funcionalidade "Filtrar outros componentes" permite a interação dinâmica entre diversos componentes em uma tela, semelhante ao funcionamento de dashboards. Disponível tanto em telas do tipo Page Builder (desktop) quanto em telas mobile. Essa funcionalidade permite selecionar, através do ID, quais componentes serão atualizados ao interagir com um componente específico.

2. Configurando a Interação "Filtrar outros componentes"

Para configurar a interação "Filtrar outros componentes" em sua plataforma, siga os passos abaixo:

Acessar as Configurações do Componente: Selecione o componente desejado na tela e acesse a aba de interações.

Selecionar a Opção de Filtragem: Escolha a opção "Filtrar outros componentes" para configurar a filtragem.

Escolher os Componentes a Serem Filtrados: Será apresentada uma lista de componentes disponíveis para receber o filtro. Cada componente pode ser identificado pelo formato "tipo de componente: ID". Para obter o ID do componente, clique com o botão direito sobre o componente desejado, e o ID será exibido no topo do pop-up, como mostrado na imagem.

Selecionar o Segmento de Base: Clique no segmento do componente que será usado como base para a filtragem. Este segmento ficará em destaque.

Verificação de Alertas de Seleção: Nos componentes de destino, um alerta será exibido indicando as seleções recebidas. Em componentes como cards ou views da tela, o alerta de seleção passada não é visível, mas é possível configurá-los para receberem as seleções de outros componentes.

3. Exemplos de Uso

Contexto: Uma empresa deseja analisar o desempenho de negociações por executivo. Utilizando um gráfico com a quantidade de negociações por executivo e uma tabela listando todas as negociações. Utilizando a funcionalidade "Filtrar outros componentes", é possível conectar o gráfico com a tabela para que interajam entre si.

Configuração:

  • Gráfico: Negociações por Executivos: ID do componente: 820.

  • Tabela: Negociações: ID do componente: 811.

Uso: Quando o usuário clica em um executivo específico no gráfico, a tabela é atualizada para listar somente as negociações desse executivo. Caso o usuário clique novamente no mesmo executivo, a filtragem é removida e a tabela volta a mostrar todas as negociações.

Procurar

Procurar