---
sourceDocument: Criar ou modificar aplicações do Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/xanadu/application-development

 Release :

    - xanadu

ft:locale :

    - pt-BR

ft:publication_title :

    - Criar ou modificar aplicações do Xanadu

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

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

# Configuração de componentes para criação dinâmica {#ariaid-title1}

* Versão de lançamento: Xanadu
* 
* Atualizado 1 de ago. de 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

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é TodosEstrutura do Now ExperienceConstrutor 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](https://servicenow-prod.fluidtopics.net/lLqYhwc21ggWGJvxakpXWA "Saiba o que é uma experiência em Construtor de IU. Entenda o que uma experiência contém.") 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](https://servicenow-prod.fluidtopics.net/oXLwDAYTDqDRVYtO2ECqbg "Crie uma página em Construtor de IU para um portal, espaço ou aplicação personalizada para que você possa criar uma experiência na Web para seus usuários.").
4. Na parte superior, verifique se o ícone do fator forma da área de trabalho está selecionado.  
   ![Seta preta apontando para o ícone do fator forma da área de trabalho na parte superior de uma página do Construtor de IU na exibição do editor.]()
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.  
    ![Seta preta apontando para o ícone do fator forma móvel na parte superior de uma página do Construtor de IU na exibição do editor.]()

    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 <kbd class="ph userinput">1</kbd>.  
    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.
    {#responsive-authoring-component-configuration__substeps_rry_kks_tbc}
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.

    {#responsive-authoring-component-configuration__substeps_arm_kls_tbc}  
    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.