Para inserir a imagem personalizada de fundo (inclusive que inclua o fundo do cabeçalho) de todos os recursos do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

Importante: Vá na seção DESIGN, deixe desmarcado a caixa de seleção “Use a imagem da Homepage como plano de fundo em todos os recursos”.  Em seguida, vá na seção CORES e defina como “0” (zero) a opacidade do “GERAL – Plano de fundo” e CABEÇALHO – Plano de fundo e Borda (com exceção de Texto).

2 – Continue na sessão CORES.

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

 


.pane {

background-image: url("SUA_URL_DA_IMAGEM");
background-size: cover;

}

 

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.  

 

Pronto. 😉  

6 de fevereiro de 2018

CSS para inserir uma imagem personalizada de fundo em todos os recursos

Para inserir a imagem personalizada de fundo (inclusive que inclua o fundo do cabeçalho) de todos os recursos do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps Importante: Vá na seção DESIGN, deixe desmarcado a caixa de seleção “Use a imagem da Homepage como plano de fundo em todos os recursos”.  Em seguida, vá na seção CORES e defina como “0” (zero) a opacidade do “GERAL – Plano de fundo” e CABEÇALHO – Plano de fundo e Borda (com exceção de Texto). 2 – Continue na sessão CORES. 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule […]
9 de janeiro de 2018

CSS para mudar a fonte do seu aplicativo

Para personalizar a fonte do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   @import url('https://fonts.googleapis.com/css?family=Ewert'); .view { *{ font-family: 'Ewert'; } }   Para alterar a fonte para uma a sua escolha, você deverá mudar os valores da 1ª e 4ª linha do código CSS acima. Entre em “https://fonts.google.com/”, escolha sua fonte na biblioteca, selecione uma fonte clicando no simbolo de “+”, abra […]
5 de janeiro de 2018

Layouts que permitem usar Sliders na Homepage

Abaixo  os Layout’s que permitem configurar Sliders (carrocel) na Homepage do Aplicativo:   Layout 1 Layout 2 Layout 3 Layout 3 Horizontal Layout 4 Layout 4 Horizontal Layout 5 Layout 5 Horizontal Layout 6 Layout 7 Layout 10 Layout 18   Para alterar o Layout do seu aplicativo vá na sessão DESIGN e clique em “ALTERAR O LAYOUT” e depois ative o Slider. Equipe Portal Apper  
3 de janeiro de 2018

CSS para alterar o tamanho da fonte na Home page

Para personalizar o tamanho da fonte na Home page do aplicativo, aplique o código deste artigo seguindo as instruções abaixo:   1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   .layout { *{ font-size: 30px !important; } }   Para diminuir ou aumentar o tamanho do texto, basta alterar os valores dos pixels, que neste exemplo esta em 30px. Altere, salve e visualize para verificar o melhor tamanho para seu projeto.   5 – Salve. […]
27 de dezembro de 2017

CSS para mudar a cor de fundo dos ícones de forma individual (Layouts 1, 2, 5, 7 e 10)

Para personalizar individualmente a cor de cada ícone da homepage, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   .homepage .layout li:nth-child(1) { background-color: #0099C7; }   .homepage .layout li:nth-child(2) { background-color: #ffd64b; }   .homepage .layout li:nth-child(3) { background-color: #ff3a2e; }   .homepage .layout li:nth-child(4) { background-color: #9d5cad; }    Para personalizar mais que 4 recursos no menu, copie as 3 primeiras linhas deste código […]