Se deseja ocultar o botão “Meu Veículo” do Layout UberTaxi, aplique o código deste artigo seguindo as instruções abaixo:

Alguns clientes solicitaram esta possibilidade para que os motoristas não altere constantemente os dados do veículo. Ocultando este botão você não permitirá que o motorista faça alterações em seu cadastro, logo caso haja necessidade de alterações você precisará acessar pelo Painel e realizar as alterações.

O código poderá ser retirado a qualquer momento.

 

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

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_taxi li:nth-child(6) {
display: none;
}


 

Obs: Altere o valor em parênteses para ocultar outro item do menu, este número é a ordem dos itens no menu. Você também pode ocultar mais que um item, é apenas copiar o código e cola-lo abaixo alterando o valor que esta em parênteses.

 

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Obs. Se caso não houver mudança imediata, por favor clique em “Atualizar Simulador” 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. 😉

Se você deseja ocultar um item do menu no layout 6, 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.

 

.layout.l6 div:nth-child(2n) {
display: none;
}

 

Para ocultar outro item do menu, altere o número que esta em parenteses na classe “…child(2)”, este número corresponde a ordem do recurso no menu, no nosso exemplo estamos ocultando o 2º item “Cartão Fidelidade”, insira o número conforme a ordem do item desejado.

 

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.

Se você deseja ocultar um item do menu no layout 9, 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.

 

.layout.l9 ul.items li:nth-child(2) {
display:none;
}


 

Para ocultar outro item do menu, altere o número que esta em parenteses na classe “child(2)”, este número corresponde a ordem do recurso no menu, no nosso exemplo estamos ocultando o 2º item “Cartão”, insira o número conforme a ordem do item desejado.

 

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.

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.