Ir para o conteúdo

Estilos no Jitterbit App Builder

Estilos são uma maneira de aplicar estilos específicos a elementos de página, painel e controle. Estilos são um método avançado de fornecer ao desenvolvedor controle sobre o estilo CSS da aparência de um aplicativo.

Como aplicar um estilo a uma página

stylepageexample.png

  1. Navegue até a página para estilizar
  2. Acesse Gaveta de Ações > Live Designer
  3. Acesse Mais > Estilos
  4. Localize o estilo desejado no painel Estilos e clique no botão + Adicionar. Por exemplo: Ocultar o botão Fechar (X) no pop-up
  5. Saia das telas de Estilo, retorne à visualização do aplicativo e confirme a atualização

Como aplicar um estilo a um painel

panelstyleexample.png

  1. Navegue até a página que contém o painel a ser estilizado
  2. Acesse Gaveta de Ações > Live Designer
  3. Selecione o painel na visualização de página. Por exemplo: Produto
  4. Acesse Mais > Estilos
  5. Refine a Categoria de Estilo selecionando a opção apropriada. Por exemplo: Plano de Fundo e Borda
  6. Localize o estilo desejado no painel Estilos e clique no botão + Adicionar. Por exemplo: Raio da Borda do Contêiner 4px
  7. Saia das telas de Estilo, retorne à visualização do aplicativo e confirme a atualização

Como aplicar um estilo a um controle

estiloscontroleexemplo.png

  1. Navegue até a página que contém o controle a ser estilizado
  2. Acesse Gaveta de Ações > Live Designer
  3. Selecione o controle na visualização de página. Por exemplo: Contêiner de Código
  4. Acesse Mais > Estilos
  5. Clique no botão + Estilo
  6. Refine a Categoria de Estilo selecionando a opção apropriada. Por exemplo: Fonte
  7. Localize o estilo desejado no painel Estilos e clique no botão + Adicionar. Por exemplo: Cor Vermelho Carmesim
  8. Saia das telas de Estilo, retorne à visualização do aplicativo e confirme a atualização