O menu Estilo dos Elementos gerencia as imagens e botões do seu aplicativo.
As configurações escolhidas neste menu são aplicadas a todas as seções do seu app.

AVISO! Muito importante: Ao aplicar seu estilo de elementos ao seu app, todas as modificações feitas neste menu serão aplicadas a todas as seções do seu app, exceto nas margens.

Para configurar seu estilo Elements:
1. Vá para o menu deslizante à esquerda Design e estrutura > DESIGN > Design geral
2. Clique em "Estilo dos elementos" na coluna da direita.

Para modificar o design de uma seção específica, para personalização detalhada, leia esta ajuda online .


1

Estilo das miniaturas e célula

- Selecione o estilo que será aplicado às suas miniaturas e células do seu aplicativo

picture

2

Efeitos de passar o mouse em imagens (somente PWA para desktop)

Selecione os efeitos que aparecem ao passar o mouse sobre uma imagem.

picture

3

Botões

Para páginas no seu aplicativo que solicitam que os usuários executem uma ação, há três níveis de botões.
Cada nível corresponde a diferentes ações em diferentes widgets de Seções/Página Inicial.
A GoodBarber atribui automaticamente o nível certo ao botão, dependendo da ação e de onde ele é exibido no aplicativo.

O design do botão de nível 1 sempre será preenchido.
O design do botão de nível 2 sempre será delineado.
O design do botão de nível 3 é apenas um link em formato de texto.

1. Defina a forma dos botões no menu Estilo global.

Aviso:
- As cores do botão são baseadas no esquema de cores do aplicativo. Você pode alterar a cor de um botão específico, em cada seção - painel de design ou configurações do widget .
- O nível do botão não pode ser alterado.

picture

4

Margens

Para configurar as margens específicas para alguma parte do seu app:
Seções: Você pode definir margens para uma seção específica por meio da extensão de edição avançada .
Widgets iniciais: Você pode definir margens para um widget específico no painel de configurações do widget

Para aplicar margens globalmente ao seu app:
No menu Estilo dos Elementos:
1. Defina em pixels as margens que deseja aplicar
2. Será feita uma verificação para cada tipo de margem (superior, inferior, esquerda e direita):
Se você definiu anteriormente margens específicas para uma seção ou widget, será solicitado que você:
- Mantenha suas configurações de margem de widgets/seções personalizadas e aplique as configurações de margem global ao resto do seu app
ou
- Redefina todas as margens do seu aplicativo aplicando as margens definidas no menu Estilo dos Elementos.

picture

5

Efeitos de abertura em uma lista

Esse efeito é aplicado ao fazer a transição de uma exibição de lista para uma exibição de detalhes de seu app apenas em versões nativas de iOS e Android de seu app.
Por exemplo, ao abrir uma página de artigo na exibição de lista da seção do artigo.

O conteúdo pode aparecer na parte inferior da página ou à esquerda.

Você seleciona a opção no menu suspenso.

picture

Outros artigos