Atualizando layouts em Construtor de IU

Layouts de upgrade criados em Quebece. Romepara o novo sistema de layout.

. Construtor de IUo sistema de layout foi aprimorado e atualizado no San Diegoversão. Este novo sistema de layout apresenta uma árvore de conteúdo simplificada e um novo painel de estilo para configuração de layout e estilo de componente. Todas as variantes de página recém-criadas usam o novo sistema de layout. Você tem a opção de fazer upgrade para o novo sistema de layout para páginas existentes e personalizadas.

O novo sistema de layout inclui o seguinte:

• Uma árvore de conteúdo simplificada
• Painel de estilo aprimorado para configuração de layout e estilo de componente
• IU low-code para configurar CSS Flexbox e. Grade layouts.
• IU aprimorada para estilo de componente
• Layouts atualizados não exigem slots

Coisas a serem procuradas após o upgrade de layouts

As variantes e páginas são atualizadas individualmente.

Uma página/variante é composta por um layout, componentes e subcomponentes, que são encapsulados em um contêiner em um layout com recursos de dados, vinculações de eventos e composição. Somente o layout da sua página é atualizado ao fazer upgrade para o novo sistema de layout, portanto, não há impacto nos dados, componentes ou estilo do componente.

Todos os slots no sistema de layout antigo são migrados durante o processo de upgrade para o novo layout. O processo de upgrade muda a forma como os contêineres de componentes são estruturados em sua página.

Embora o estilo do componente não seja afetado, pode não haver uma migração de estilo individual de como os componentes foram posicionados. As páginas complexas podem ter desalinhamentos visuais que ocorrem por meio do processo de upgrade, pois os estilos são mesclados de slots para contêineres. Alguns problemas devem ser resolvidos manualmente.

Atualize seu layout para o novo sistema de layout

Faça upgrade do Construtor de IUpáginas para o novo sistema de layout.

Antes de Iniciar

Função necessária: ui_builder_admin

Procedimento

1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
2. Abra uma experiência com a página da qual você deseja fazer upgrade.
   Consulte Configure como os usuários interagem com suas aplicações no Construtor de IUpara obter mais informações sobre como criar experiências.
3. Selecione a página para a qual você deseja fazer upgrade.
   

   Você pode encontrar variantes de página que podem ser atualizadas para o novo sistema de layout marcado com um ponto vermelho.

   Nota:

   Páginas legadas criadas usando o pré- Quebeco sistema de layout de linha/coluna não é atualizável e deve ser reconstruído com o novo sistema de layout.
4. Selecione Atualizar layout botão.
   
   Construtor de IU começa a atualizar o layout da página para o novo sistema de layout. Uma notificação é exibida quando o processo é concluído.
5. Você pode comparar seu layout antigo com o layout atualizado selecionando compare as duas versões de layout em O layout precisa de revisão antes de você poder editar notificação.
   
   Duas guias do navegador abertas, uma exibindo seu layout atual e outra exibindo o layout atualizado.
6. Selecione Manter novo se você quiser atualizar a página para o novo sistema de layout, ou selecione Usar antigo se você quiser manter o layout da página como estava.
   Um modal é exibido solicitando que você confirme sua seleção.
7. Selecione Manter novo para concluir o upgrade para o novo sistema de layout, ou selecione Usar antigo para reverter o processo de upgrade e retornar a página ao sistema de layout antigo.
   
8. A página é recarregada com as mudanças aplicadas.
9. Para exibir e testar sua página, selecione Visualização botão ( ).