O componente Lista Ordenada é capaz de agrupar dois tipos de listas, são elas: Numéricas e Ordenadas.
Figura 1 - Lista ordenada rodando na web
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente. Para acessa-las basta clicar sobre o componente.
Nome
Propriedade
Função
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Estilo
style
Campo para adicionar atributos CSS.
Repetir
crn-repeat
Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.
Segurança
cronapp-security
Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.
Itens
-
Exibe os rótulos dos itens da lista, é possível excluir um item clicando no ícone da lixeira.
Principais propriedades de configuração
Na tabela abaixo estão descritas as principais de configuração para o funcionamento básico do componente.
Nome
Propriedade
Função
Tipo de lista
list-type
Seleciona o tipo de lista, podendo escolher entre Númerica e Ordenada.
Valor do atributo numerado
attribute-value
Exibe os tipos de valores numéricos da lista, podendo ser: Numeração (1,2,3), letra minúscula (a,b,c), letra maiúscula (A,B,C), números romanos (I, II, III) números romanos minúsculos (i, ii, iii),
Identificador
ordered-attribute-value
Exibe os tipos de valores para a lista Ordenada, podendo ser: Circulo vazio, circulo preenchido ou quadrado
Classe CSS
style
Adiciona classes CSS que já foram criadas.
Itens
-
Exibe os rótulos dos itens da lista, é possível excluir um item clicando no ícone da lixeira.
Acessando as propriedades de configuração do componente
Para acessar as propriedades de configuração, precisamos clicar no elemento do DOM cron-ordered-list#cron-ordered-list-<idDaLista>
Figura 2 - Acessando as propriedades de configuração do componente
Clique no elemento do DOM;
Acesse as propriedades de configuração do componenten.
Adicionar/Remover item
Para adicionar ou remover algum item da lista ordenada, siga os passos da figura 2.
Figura 2.1 - Adicionando e removendo itens da lista ordenada.
Selecione o componente ou o elemento do DOM (cron-ordered-list#);
Para adicionar um item à lista, clique no ícone +;
Para remover um item da lista, clique no ícone da lixeira.
Adicionando sublistas na lista ordenada
Para adicionar uma sublista na lista ordenada, selecione o componente Lista ordenada e arraste-o para a primeira lista ordenada que colocamos na view (figura 2.1). Obs: adicione a lista exatamente como mostra na figura 2.2, com a seta para baixo, dessa forma a sublista ficará dentro do Item 1,
Figura 2.1 - Adicionando e uma lista ordenada em outra lista ordenada