Se você deseja ocultar o cabeçalho e o menu do Layout 9, aplique o código deste artigo seguindo as instruções abaixo.

Este recurso é muito usado quando se deseja ter um aplicativo de um único recurso.

1 – Abra o Construtor de Apps

2 – Vá para 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.

 

.has-header {
top: 0px !important;
}
.platform-ios.platform-cordova:not(.fullscreen) .has-header {
top: 20px !important;
}
ion-nav-bar {
display: none;
}

 

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.

 

Em muitos casos o Apper deseja que a página de um site responsivo já abra assim que o App iniciar, neste caso você pode usar o Recurso HTML colocando em 1º lugar e siga as instruções deste artigo: https://portalapper.com.br/centraldeajuda/iframe-no-recurso-html/ para inserir seu site em uma iframe.

Obs: Crie mais uns 3 recursos para completar a quantidade minima de recursos para solicitar a publicação.

Pronto. 😉

27 de fevereiro de 2018

Ocultar os títulos dos recursos (ícones) da Homepage

Se deseja que os botões de sua Homepage apareça sem nenhuma escrita ou texto, ou seja, apenas a imagem do ícone, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para 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 p { display: none; }   Importante: Efeito se aplica nos Layouts: Layout 1. Layout 2, Layout 3 – FULL, Layout  5 – FULL, Layout 10 e Layout 11 – FullScreen. Alguns Layouts já tem nas “Opções de […]