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. 😉

8 de maio de 2018

Ocultar Cabeçalho e Menu do (Layout 9)

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 […]