Configurando Interfaces de Tema

Em App Builder, Theme Interface é um termo usado para se referir a uma região definida em uma determinada página do aplicativo que está disponível para segmentação para personalização por meio de Temas. Usando Temas, você pode definir a cor de um painel como cinza ou a fonte como Montserrat.

Normalmente, as regiões da Interface do Tema que você está procurando segmentar já estão definidas e disponíveis por meio da área Temas de App Builder. No entanto, pode haver casos em que você deseja atingir uma região que não tenha um valor definido existente, nesse caso você pode criar uma Interface de Tema. Interfaces de Tema estão disponíveis para criação por meio de IDE > Configurações Adicionais > Interfaces de Tema.

Depois que uma Interface de Tema for criada, ela estará disponível por meio das telas padrão onde você normalmente trabalharia na criação e manutenção de informações de Tema do aplicativo.

Um exemplo de caso de uso comercial em que você pode querer criar uma Interface de Tema personalizada é se você deseja atingir uma foto que aparece na barra de menu e forçá-la a exibir em um tamanho específico. Por exemplo: altura de 100px. Neste artigo, mostraremos como você cria uma Interface de Tema personalizada.

Nota

Antes de criar uma Interface de Tema personalizada, certifique-se de verificar se já não há um valor de Interface de Tema existente que suporte o que você está tentando atingir.

Para Criar uma Interface de Tema

Navegue até IDE > Configurações adicionais
Clique em Interfaces de tema
Clique em + Interface no painel Interfaces
Selecione o componente Imóveis que esta área terá como alvo. Por exemplo: Página - Barra de título
Selecione a região Grupo ou Subtipo do valor Imóveis, onde isso terá como alvo. Por exemplo: Barra de título
Selecione a Coleção à qual deseja que a Interface de tema pertença. Por exemplo: Northwind
Atribua um Nome para esta nova Interface de tema. Por exemplo: Logotipo da barra de menu
Insira o valor Seletor apropriado que a Interface de tema requer para direcioná-la. Por exemplo: vinyl-controls-image-purpose-icon.vinyl-controls-image>img
Clique no ícone checkmark para salvar o registro
Depois de salvar o novo registro, você agora deve conseguir ver e usar este valor de Interface de Tema da Coleção onde você o salvou, do apropriado App Builder telas onde você trabalha com Temas

Novo valor de interface de tema personalizado agora disponível no aplicativo