Início > Projeto e criação de soluções > Edição de objetos, partes do layout e do plano de fundo do layout > Formatação de objetos, partes do layout e do plano de fundo do layout > Formatação de botões, botões de popover e popovers

Formatação de botões, botões de popover e popovers

Você pode formatar a aparência de botões e botões popover e seus componentes — incluindo a borda, o preenchimento e a etiqueta — e popovers — incluindo a borda, o título e a área de conteúdo (a área em que os objetos são colocados).

Nota  Suas alterações de formatação são salvas apenas no layout atual. Para salvar as alterações como um estilo que pode ser aplicado a outros botões popover ou popovers, consulte Criação e trabalho com estilos para objetos de layout, partes e o plano de fundo de layout. Ou, para salvar as alterações em um tema, consulte Gravação de um tema de layout.

Para formatar um botão ou botão popover:

1.	No Modo de layout, selecione o botão ou botão popover.

2.	Clique em Inspetor na barra de layout e em Aparência.

3.	Escolha Botão ou Botão: ícone na lista de tipo de objeto (perto do topo da guia Aparência) e faça o seguinte.

Nota  Nem todas as opções estão disponíveis para todos os componentes.

 

Para	Faça isso
Alterar o estilo da linha, a cor e os atributos de preenchimento	Escolha o estilo da linha, a cor e as opções de preenchimento na área Gráfico. Consulte Configuração do preenchimento, do estilo da linha e das bordas de objetos, partes de layout e plano de fundo do layout.
Alterar o formato do texto da etiqueta	Realize uma das seguintes ações:  • Escolha opções na área Texto do Inspetor.  • Use as opções de texto na barra de formatação. Se você não visualizar a barra de formatação, clique em Formatação na barra de layout. Consulte Formatação de texto.
Definir o alinhamento horizontal e vertical do texto da etiqueta e ícone	Na área Parágrafo, defina o alinhamento horizontal e vertical. O espaçamento entre o texto da etiqueta e o ícone é preservado; o tamanho de fonte da etiqueta determina o espaçamento. As etiquetas com várias linhas de texto usam a largura completa do botão. Use a área Parágrafo para definir o espaçamento de linhas.
Alterar a cor dos ícones da etiqueta	Escolha Botão: ícone na lista de tipos de objeto e selecione um estado de exibição (na segunda lista na guia Aparência). Na área Gráfico, escolha uma cor. É possível alterar a cor de preenchimento dos ícones fornecidos. Entretanto, para os ícones personalizados no formato .svg, a alteração da cor de preenchimento no FileMaker Pro afeta somente os elementos que ainda não têm cor de preenchimento definida no arquivo .svg. Para obter mais informações sobre a compatibilidade com SVG, consulte FileMaker Pro SVG Grammar for Button Icons (Gramática SVG do FileMaker Pro para ícones de botões). Não é possível alterar a cor de preenchimento dos ícones personalizados no formato .png. Consulte Especificação do estado de exibição de um objeto.
Adicionar uma sombra	Na área Gráfico avançado, selecione Sombra externa, Sombra interna ou ambos. Em seguida, clique em para alterar os efeitos da sombra. Consulte Adição de sombras e calçamento aos objetos de layout.
Ajustar o calçamento entre as bordas do botão e o texto da etiqueta e ícone	Na área Gráfico avançado, para Calçamento, especifique valores (em pontos) para Esquerda, Direita, Superior e Inferior. Consulte Adição de sombras e calçamento aos objetos de layout.
Ajustar o calçamento entre o ícone e o texto da etiqueta	Escolha Botão: ícone na lista de tipos de objeto e especifique o valor apropriado (em pontos) para Calçamento. É possível alterar somente um valor em Calçamento, porque ele é determinado pela posição do ícone e da etiqueta. Por exemplo, se o texto da etiqueta estiver à direita do ícone, apenas o calçamento direito estará disponível.

Para formatar um popover:

Você formata o popover e a área do conteúdo do popover separadamente.

1.	No Modo de layout, selecione o popover.

Se o popover estiver oculto, selecione o botão popover e escolha Formatar > Exibir popover.

2.	Clique em Inspetor na barra de layout e em Aparência.

3.	Escolha Popover ou Popover: Conteúdo na lista de tipo de objeto (perto do topo da guia Aparência) e faça o seguinte.

 

Para	Faça isso
Alterar a cor ou o estilo da linha da borda do popover ou a borda da área de conteúdo do popover	Escolha o estilo da linha ou as opções de cores na área Gráfico. Consulte Configuração do preenchimento, do estilo da linha e das bordas de objetos, partes de layout e plano de fundo do layout.
Alterar a aparência do plano de fundo do popover ou do plano de fundo da área de conteúdo do popover	Escolha um preenchimento na área Gráfico. Consulte Configuração do preenchimento, do estilo da linha e das bordas de objetos, partes de layout e plano de fundo do layout. Dica  É possível criar uma borda personalizada para um popover especificando preenchimentos diferentes para o popover e sua área de conteúdo.
Adicionar uma sombra externa ao popover	Na área Gráfico avançado, selecione Sombra externa. Em seguida, clique em para alterar os efeitos da sombra. Consulte Adição de sombras e calçamento aos objetos de layout.
Adicionar uma sombra interna à área de conteúdo do popover	Na área Gráfico avançado, selecione Sombra interna. Em seguida, clique em para alterar os efeitos da sombra.
Alterar o calçamento entre o limite do popover e o limite da área de conteúdo do popover	Na área Gráfico avançado, para Calçamento, especifique valores. Nota  Alterar o calçamento superior de um popover aumenta ou diminui a altura da área de título do popover. Consulte Adição de sombras e calçamento aos objetos de layout.
Alterar a aparência do título do popover	Se a caixa de diálogo Configuração de botão de popover não estiver aberta, clique duas vezes no popover ou selecione o popover e escolha o menu Formatar > Configuração de botão de popover, e:  • Escolha opções na área Texto ou Parágrafo.  • Ou use as opções de texto na barra de formatação. Se você não visualizar a barra de formatação, clique em Formatação na barra de layout. Consulte Formatação de texto.

Notas

•	Não é possível formatar um objeto bloqueado. Consulte Proteção de objetos contra alteração.

•	Você pode formatar a aparência de um botão popover para ser condicional (por exemplo, formatar um botão popover para permanecer oculto quando uma determinada condição é atingida). Consulte Definição de formatação condicional para objetos de layout e Ocultação ou exibição de objetos de layout.