Feedback
  1. Home
  2. applications
  3. grid application
  4. action bar
  5. Edit Bar Visual

Edit Bar Visual

On this screen you can customize the defined action bar buttons padding, size of Font Awesome, color of items, links and your alignment.

Configurações geral do visual dos botões de ação

Padding

Atributo padding para os botões da barra de ação

Sets the spacing of the element’s content to its border. This attribute applies to action bar buttons regardless of their type (Link or Ajax) or the display(Font Awesome, image and text).

You can use up to four space-separated values.

  • One value - Applies to all edges
  • Two values - Refers to the vertical and horizontal borders, respectively. *Three values - Refers to the Top, Horizontal, and Bottom borders, respectively.
  • Four values - Refers to the top, right, bottom, and left edges, respectively.

Font Awesome Size

Atributo que define o tamanho do ícone font awesome

Sets the size, in pixels, of the action bar’s Font Awesome icons.

This attribute is only applied to buttons configured with Font Awesome.

Font Awesome Color

Atributo para definir a cor dos ícones do font awesome

This attribute defines the color of the Font Awesome icons created in the action bar, if no color has been defined in the individual button configuration.

The color set individually in the button settings overrides this setting.

Font Awesome Color (Hover)

Atributo cor do hover, define a cor ao posicionar o mouse sobre o link

Sets the color of the Font Awesome icon in hover state, when hovering the mouse over the link.

Font Awesome Color (Active)

Atributo cor do link ativo, define a cor do link quando estiver ativado

Sets the font awesome icon color in active state for text buttons.

atributo cor do link, define a cor do texto

In this attribute we define the color of the text displayed in the application when using the type of display as text in the creation of the button.

This attribute refers to action “buttons” configured as text.

Atributo cor do hover, define a cor ao posicionar o mouse sobre o link

Defines the text color in the hover state, when positioning the mouse over the link.

This attribute is only applied to buttons configured as text when creating the button.

Atributo cor do link ativo, define a cor do link quando estiver ativado

Sets the link color in the active state for text buttons.

This attribute refers to action “buttons” configured as text.

Vertical alignment

Atributo alinhamento vertica

Sets the vertical alignment of the action bar buttons.

Overwrite buttons

Atributo sobrescrever botões

This attribute defines if the visual definitions, configured for Font Awesome (Padding, Vertical alignment, icon size and Color), should override the Detail botão de detalhe da consulta and Application Edit botão de ligação de edição na consulta.

Group buttons

This feature allows you to group action bar buttons side by side.

This setting is only applied to icons where the attribute Type of display is defined as Button

Example of grouped buttons

Atributo sobrescrever botões

Example of ungrouped buttons

Atributo sobrescrever botões