Skip To Content

Tema

A guia Tema no Web AppBuilder fornece temas prontos para uso. O tema é uma estrutura de trabalho do modelo representando o visual e comportamento de um aplicativo. O conteúdo em um tema inclui uma coleção de painéis, estilos e layouts, e um conjunto de widgets de tema pré-configurados. Um aplicativo pode incluir mais de um tema, mas ele pode somente utilizar um tema enquanto estiver sendo executado.

  • Galeria de temas—Você pode escolher entre um dos seguintes temas:

    NomeDescrição
    Tema do Painel

    Tema do Painel*

    Para aplicativos com tarefas simples. Tem a maioria dos layouts de todos os temas e não exibe o logotipo, os links e o controlador de widgets. Todos os widgets no tema são widgets na tela.

    Tema da Caixa

    Tema da Caixa

    Foca em widgets no controlador de widget. Por padrão, todos os widgets na tela são desativados. Não há espaços reservados para widgets e nenhuma exibição de logotipo ou links. É projetado para aplicativos que exigem um visual limpo no mapa.

    Tema de Lançamento

    Tema de Lançamento

    Widgets no controlador do widget aparecem como widgets do espaço reservado. Você pode ter múltiplos widgets abertos e movê-los. Por padrão, todos os widgets na tela são desativados. Semelhante ao Tema da Caixa, não há espaços reservados para widgets e nenhuma exibição de logotipo ou links.

    Tema do Painel

    Tema do Painel*

    Todos os widgets no painel abrem simultaneamente quando o aplicativo é iniciado. Ele foi projetado para visualizar widgets e sua comunicação diretamente. Você pode modificar o layout pré-definido, adicionando ou removendo grades, ou redimensionando as grades no painel. Por padrão, a maioria dos widgets na tela está desativada, exceto os widgets Página Inicial, Controle Deslizante de Zoom e Tela Cheia. Opcionalmente, você pode ativar o widget Cabeçalho para exibir o logotipo, o nome do aplicativo e os links.

    Tema Dobrável

    Tema Dobrável*

    O primeiro tema criado pelo Web AppBuilder, suporta todos os tipos de widgets e pode ser utilizado para aplicativos com tarefas complicadas.

    Tema do Jewelry Box

    Tema do Jewelry Box*

    Evolvido do Tema Dobrável com um widget focado na esquerda do aplicativo. É para aplicativos com uma tarefa do fluxo de trabalho.

    Tema da Plataforma de Inicialização

    Tema da Plataforma de Inicialização*

    Para usuários que preferem o estilo Mac da Apple. Permite a você abrir múltiplos widgets, mover, dimensionar e minimizá-los.

    Tema de Planalto

    Tema de Planalto*

    Pode ser utilizado para criar um aplicativo moderno e básico com barras de ferramentas planas e contêiners de widget. Este tema não está disponível ao construir aplicativos 3D.

    Tema Pocket

    Tema Pocket*

    Para aplicativos que serão embutidos em sites da web, mapas históricos ou outras localizações com contexto circundante. Somente um widget é suportado em um painel que pode ser posicionado à esquerda ou direita. Este tema não está disponível ao construir aplicativos 3D.

    Tema Pocket

    Tema Pocket*

    Como no Tema Dobrável, ele suporta todos os tipos de widget e pode ser utilizado para aplicativos com tarefas complicadas.

    *Estes temas suportam acessibilidade do conteúdo da web para usuários finais. Para mais informações e quaisquer limitações associadas, consulte Suporte de acessibilidade.

  • Seção Estilo —Os estilos disponíveis variam dependendo do tema selecionado. A maioria dos temas tem sete cores pré-definidas a partir das quais escolher, exceto Tema de Inicialização e Tema do Painel. Se a sua organização definiu o tema compartilhado com uma cor de cabeçalho, será a cor padrão quando um aplicativo for criado.

    seção de Estilo da guia Tema

    Você também pode escolher sua própria cor clicando na última cor no seletor de cores.

    Seletor de cores

  • Seção Layout —Um layout representa um posicionamento pré-definido de itens da interface de usuário.

    seção Layout da guia Tema

    • Somente o Tema do Painel permite a você modificar e gerar seu próprio layout.
    • Ao construir aplicativos 2D, os layouts disponíveis variam dependendo do tema selecionado. Além disso, há dois estilos de layout. Um é para desktop e um para os dispositivos móveis. Quando a altura ou largura de uma imagem da tela for menor que 600 pixels, o layout móvel se aplique.
    • Quando você construir aplicativos 3D, cada tema têm dois layouts para desktop somente.
    Aviso:

    Atualmente, os layouts de Tema do Painel não suportam idiomas da direita para esquerda.