Configuração de componentes para criação dinâmica

Ao criar páginas com autoria dinâmica para diferentes fatores forma, saiba como o ajuste de algumas opções de configuração de componente pode melhorar a aparência e o funcionamento das páginas em tamanhos menores.

Antes de Iniciar

Função necessária: ui_builder_admin

Por Que e Quando Desempenhar Esta Tarefa

Um método para aumentar a usabilidade da página é personalizar a aparência dos componentes usando diferentes configurações entre pontos de interrupção. Existem inúmeras maneiras de usar a configuração de componentes. Neste procedimento, edite várias opções de configuração do componente Lista para torná-lo mais adequado para fatores forma menores.

Procedimento

1. Navegar até Todos > Estrutura do Now Experience > Construtor de IU.
2. Abra uma experiência para trabalhar ou crie uma experiência selecionando Criar > Experiência.
   Consulte Configure como os usuários interagem com suas aplicações no Construtor de IU para obter mais informações sobre como criar experiências.
3. Crie uma página do zero com a criação dinâmica.
   Para obter mais informações sobre como criar uma página, consulte Criação de uma página no Construtor de IU.
4. Na parte superior, verifique se o ícone do fator forma da área de trabalho está selecionado.
   
5. Na fase, selecione + Adicionar conteúdo.
6. Na guia Layouts, selecione Coluna única.
7. Adicione o componente de lista selecionando o ícone + no centro da nova coluna.
8. Na guia Componentes, localize e selecione o componente Lista.
9. No painel de configuração, selecione Nenhum - Configure o componente manualmente.
10. Exiba a página no fator forma da área de trabalho.
    

    Observe os elementos exibidos, incluindo os ícones na parte superior, o número de colunas e as informações de paginação na parte inferior.

11. Selecione o ícone do fator forma móvel.

    

    No fator forma móvel, o componente de lista está sobrecarregado e contém barras de rolagem vertical e horizontal.

    

    Faça algumas mudanças de configuração simples para melhorar a usabilidade e a aparência do fator forma móvel.

12. Selecione Lista 1 na árvore de conteúdo.
13. No painel de configuração, na guia Configurar, localize o campo Número de colunas exibidas e insira 1.
    Somente a coluna Número é exibida. A barra de rolagem horizontal foi removida.
14. No painel de configuração, na guia Configurar, role para baixo para fazer as seguintes mudanças na seção Cabeçalho :
    1. Altere o Tamanho para Pequeno.
    2. Selecione a opção Ocultar informações da última atualização.
    3. Selecione a opção Ocultar ações da lista.
       
       Conforme você faz cada mudança, a fase é atualizada automaticamente. O cabeçalho tem um tamanho menor, o tempo de atualização foi removido e o ícone de ações da lista foi removido.
    4. Selecione Salvar.
15. Na fase, role até a parte inferior da exibição móvel.
16. No painel de configuração, na guia Configurar, role para baixo e faça as seguintes mudanças na seção Paginação (se necessário, selecione Paginação para expandir o campo):
    1. Selecione a opção Ocultar intervalo.
    2. Selecione a opção Ocultar contagem de linhas.
    3. Selecione o seletor Ocultar linhas por página.
    4. Selecione Salvar.
    O intervalo, a contagem de linhas e o seletor de linhas por página foram removidos. (A contagem de linhas ainda está disponível na parte superior da tela do dispositivo móvel).

    

    No painel de configuração, as opções e os campos editados são marcados com o ícone de cascata móvel.

17. Selecione o ícone de cascata móvel ao lado de qualquer opção ou campo para confirmar que o valor se refere ao fator forma móvel.
    
18. Selecione o tablet e os ícones de fator de forma da área de trabalho na parte superior para confirmar que nenhuma mudança foi feita nos fatores de forma maiores.