Accordion
O componente Accordion é utilizado para navegação entre elementos organizados em painéis empilhados. É muito útil para agrupamento e organização de conteúdos.
Propriedades em comum:
| Propriedade | Descrição | Tipo | Exemplo |
|---|---|---|---|
| Altura | Define a altura do componente | Inteiro | 250 |
| Código | Informa o código gerado pelo Maker ao qual o componente/formulário foi associado. De forma geral, não interfere nas características do componente. | Inteiro | 5 |
| Container | Informa em qual container o componente irá ser inserido. | Indefinido | |
| Dica | Armazena uma dica para o componente, o qual se torna acessível no modo de inserção ou alteração. | Letras | "Digite o CPF do cliente" |
| Habilitado | Torna o componente possível ser editado ou manipulado. | Lógico | Sim |
| PosiçãoX e PosiçãoY | O "X" determina a posição do componente em relação à esquerda do formulário, e o "Y" em relação ao topo. | Inteiro | 100 |
| Tabulação | Indica a ordem de tabulação do componente em relação aos outros que compõem a aba do formulário na qual está posto. Essa ordem pode ser observada quando o usuário altera o estado do formulário/grade para o modo de inclusão ou edição e navega entre os componentes/campos usando a tecla Tab. | Inteiro | 2 |
| Tabular | Selecionando a opção Sim, quando o usuário estiver navegando entre os componentes, como foi descrito no item anterior, o componente receberá foco (observada a ordem de tabulação). | Lógico | Sim |
| Tamanho | Aplicado a todos - determina a largura do componente ou formulário. | Inteiro | 100 |
| Visível | Aplicada a todos os componentes, com exceção da Moldura e do objeto formulário - Selecionando a opção Sim, o componente aparece no formulário. | Lógico | Sim |
| Nome | Aplicada a todos os componentes e para o objeto formulário - apresenta o nome do componente. O Maker sugere um nome diferente dos nomes dos componentes existentes no formulário para evitar que mais de um componente possua o mesmo nome. | Letras | "Tabela de Consumidores" |
| Descrição | Aplicada a todos os componentes exceto para os componentes Árvore, Grade, Moldura, Imagem e para o objeto formulário - É a legenda que aparece sobre o componente para identificar (resumidamente) qual a sua função. Observação: Ao selecionar um determinado campo o Maker irá sugerir uma descrição obtida no dicionários de dados, caso o usuário deseje deixar o campo da descrição em branco basta apagá-lo e clicar fora do componente. | Letras | "Insira aqui a idade do consumidor" |
Propriedades específicas do componente Accordion
| Propriedade | Descrição | Tipo | Exemplo |
|---|---|---|---|
| SQL | Parâmetro para definir a consulta SQL para montar o componente (o mesmo terá como retorno duas colunas, a primeira irá montar os títulos das seções e a segunda será exibda na consulta). | SQL | SELECT * FROM tabela_feriados |
| Seções | Através desta propriedade você irá definir o conteúdo das seções do accordion | Letras | IBGE |
| Cor da Fonte | Parâmetro para definir a cor da fonte da seção. | Lista | Branco |
| Orientação | Parâmetro para definir orientação (Horizontal, Vertical) da criação das seções. | Lista | Vertical |
| Acessível | Parâmetro para definir a acessibilidade do componente. | Lógico | Sim |
-
OBS: Parâmetro Seções
Interface para criação das seções.
Obs.: esta propriedade não tem prioridade sobre a consulta SQL
Nesta tela contém os seguintes campos:
- Tipo: Será definido o tipo da seção.
- Título/URL(Formulário): Será definido o título, a URL ou o formulário que será´carregado na seção.
Eventos:
| Evento | Descrição | Parâmetro Automático |
|---|---|---|
| Ao contrair | Evento que será executado ao expandir alguma seção. O fluxo associado a este evento deverá estar na camada cliente. | Id da seção (Letras), Título da seção (Letras), Posição da seção (Inteiro) |
| Ao expandir | Evento que será executado ao contrair alguma seção. O fluxo associado a este evento deverá estar na camada cliente. | Id da seção (Letras), Título da seção (Letras), Posição da seção (Inteiro) |