Ir para o conteúdo

Alterar Tamanho da Fonte para Todo o Painel

Você pode alterar o tamanho da fonte padrão para um painel inteiro usando um Tema Personalizado e associando o Tema ao painel. Neste exemplo, criaremos um Tema Personalizado para controlar a Fonte, que por sua vez permite que você configure informações para Família da Fonte, Tamanho da Fonte, Espessura da Fonte e Altura da Fonte.

Como Configurar

Etapa 1: Configurar um Tema Personalizado

  1. Navegue até Look & Feel para uma coleção à qual seu aplicativo está associado. Exemplo: Cliente
  2. Clique em + Tema
  3. Atribua um Nome de tema. Por exemplo: Tamanho da fonte do painel
  4. Clique em Salvar
  5. Selecione Painel em Componentes
  6. Clique em + Estilo no painel Estilo
  7. Selecione Conteúdo como o valor de Área
  8. Selecione Fonte como o Tipo de estilo
  9. Configure qualquer um dos Valores conforme apropriado:

    • Família de fontes
    • Tamanho da fonte
    • Espessura da fonte
    • Altura da linha
  10. Clique em Salvar

Etapa 2: Aplicar Tema Personalizado ao Painel

  1. Navegue até a página que contém o painel
  2. Vá para Action Drawer > Live Designer
  3. Clique na aba Edge Case para o painel
  4. Expanda Aparência e comportamento
  5. Defina o valor Tema para o Tema personalizado configurado na Etapa 1
  6. Clique em Salvar
  7. Confirme a atualização na visualização do aplicativo

Guia Passo a Passo

Você pode alterar o tamanho padrão de um Painel inteiro usando um Tema e criando um Estilo para a área de Conteúdo do Painel e um Tipo de Estilo 'Fonte Avançada'. Isso permite que você defina a Família de Fontes (geralmente as fontes específicas ou um estilo como Sans-Serif), o Tamanho da Fonte e o Peso da Fonte (negrito, estreito, etc.). Para fazer isso:

  1. Navegue até o principal App Builder IDE página e escolha Defina sua aparência *no menu *Criar
  2. Localize o Nome do seu App Builder app e clique no ícone de pincel Temas
  3. Encontre o tema para o aplicativo que você está usando. Se você ainda não tem um tema para este aplicativo, crie um novo nesta página.
  4. Clique no botão Configurações avançadas para o tema
  5. À esquerda, em Áreas imobiliárias, clique em Painel
  6. No painel inferior à direita, clique em Criar para criar um novo estilo para esta parte do tema
  7. Selecione a seção Conteúdo em Interface, que representa a seção interna principal do painel
  8. Selecione Fonte avançada para Tipo de estilo. Fonte avançada permite que você configure vários estilos de fonte. Valor1 é usado para nomes de fonte. Valor2 é o tamanho da fonte. Pode ser qualquer unidade de medida. Valor3 é o negrito. Exemplo:

font-family: {0}; font-size: {1}; font-weight: {2};
2018 04 10 09 05 09 implementação de estilo App Builder iD

Nota: Você também pode escolher Cabeçalho para alterar as propriedades da barra de Cabeçalho do Painel, ou Contêiner para alterar as propriedades da caixa externa do Painel, como cor ou espessura da borda