Arquivo de Layouts - Portal Apper https://portalapper.com.br/centraldeajuda/tag/layouts/ Plataforma de Criação de App Tue, 30 Nov 2021 15:25:29 +0000 pt-BR hourly 1 https://wordpress.org/?v=6.9.1 https://portalapper.com.br/wp-content/uploads/2020/04/cropped-Portal-Apper_NOVO-Logo_Sem-txt_PA-04_512x512.png Arquivo de Layouts - Portal Apper https://portalapper.com.br/centraldeajuda/tag/layouts/ 32 32 133352939 CSS para ocultar botão “Meu Veículo” do Layout UberTaxi https://portalapper.com.br/centraldeajuda/css-para-ocultar-botao-meu-veiculo-do-layout-ubertaxi/ https://portalapper.com.br/centraldeajuda/css-para-ocultar-botao-meu-veiculo-do-layout-ubertaxi/#respond Wed, 18 Nov 2020 14:34:06 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/?post_type=epkb_post_type_1&p=21761 O post CSS para ocultar botão “Meu Veículo” do Layout UberTaxi apareceu primeiro em Portal Apper.

]]>

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

Original

Com o efeito

O post CSS para ocultar botão “Meu Veículo” do Layout UberTaxi apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/css-para-ocultar-botao-meu-veiculo-do-layout-ubertaxi/feed/ 0 21761
Layout 101 https://portalapper.com.br/centraldeajuda/layout-101/ https://portalapper.com.br/centraldeajuda/layout-101/#respond Tue, 15 Sep 2020 15:45:01 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/?post_type=epkb_post_type_1&p=19863 O post Layout 101 apareceu primeiro em Portal Apper.

]]>

Layout-101 é o primeiro layout com botões “click to action

  • Clique para chamar
  • Clique para acessar o bate-papo do WhatsApp
  • Clique para Links
  • Botão de menu

Opções de Layout:

Notas:

Notas:

  • O número do WhatsApp deve estar no formato internacional sem o sinal “+” (Ex: 5511966434235).

  • Não use zeros, colchetes ou traços no número do WhatsApp.

  • Existem duas opções de links da web nas opções de layout. Você pode usá-lo para link de site, link de mídia social, link da play store, etc. Esses links serão abertos em um navegador externo/do sistema.

  • Funções de botão de links no menu do rodapé não funcionam no simulador mas funcionam bem no celular com o App instalado.

1 – Abra o Painel com seus Aplicativos: https://portalapper.com.br/construtor-apps/

2 – Escolha o Aplicativo que deseja aplicar o Layout e clique em EDITAR ao lado do nome do App

ou, crie um novo Aplicativo clicando em “Criar um novo aplicativo”, digite o nome do App e clique em “Criar”

3 – Neste momento se caso criou um novo App vai aparecer uma janela com vários Modelos para você escolher um, escolha um modelo, e em caso de dúvida escolha o “BLANK TEMPLATE”.

Se apenas está editando um App existente, então você já cairá na Aba DESIGN, que é a Aba para inserir o Layout.

Nesta seção “SEU DESIGN” clique em “Alterar o Layout”

Ao clicar aparecerá uma janela com vários Layouts para você escolher, desça a barra de rolagem até achar o Layout desejado, no nosso caso o Layout 101, clicando na imagem do Layout 101 o mesmo já será inserido no projeto do seu App

 

Pronto, Layout inserido. Agora vamos configura-lo.

A explicação esta na próxima seção.

Ao lado do Layout aparecerá um quadro onde você poderá alterar as “CONFIGURAÇÕES DO LAYOUT”, para cada Layout se tem uma configuração em particular, vejamos o que permite alterar o Layout 101

Nota: Para visualizar melhor o comportamento do Layout 101, certifique-se de ter adicionado alguns recurso, no mínimo 3, para que ambos os menus fiquem preenchidos com os recursos.

1 – Phone Number

Neste campo você deverá colocar um número de telefone, como exemplo: 011966434235

O primeiro recurso a aparecer no Menu do Rodapé é o botão de telefone, ou seja, assim que o usuário clicar será direcionado para o discador do celular com o telefone já preenchido.

2 – Phone Icon

Neste campo você poderá alterar o ícone do telefone via código, ele já vem com um código padrão “icon ion-ios-telephone”, você não precisa de alterá-lo.

Mas se caso desejar alterar, temos abaixo mais 2 modelos que você poderá usar, substitua o código do campo copiando e colando no campo.

icon ion-android-call
icon ion-ios-telephone-outline

3 – WhatsApp Number

Neste campo você deverá colocar um número de telefone WhatsApp, como exemplo: 5511966434235

4 – WhatsApp Icon

Neste campo você poderá alterar o ícone do telefone via código, ele já vem com um código padrão “icon ion-social-whatsapp”, você não precisa de alterá-lo.

5 – Web Link-1

Neste campo você poderá inserir uma URL de uma rede social (como exemplo o facebook) ou até mesmo um outro endereço.

6 – Web Icon-1

Neste campo você poderá alterar (caso desejar) a imagem do ícone, por padrão vem o ícone do Facebook, você pode alterar usando outro código como abaixo:

Instagram: icon ion-social-instagram

Twitter: icon ion-social-twitter

LinkedIn: icon ion-social-linkedin

7 – Web Link-2

Neste campo você poderá inserir uma URL de um site ou sistema web ou até mesmo de outra rede social.

8 – Web Icon-2

Neste campo você poderá alterar (caso desejar) a imagem do ícone, por padrão vem o ícone do globo, você pode alterar usando outro código como abaixo:

Link: icon ion-link

Instagram: icon ion-social-instagram

Twitter: icon ion-social-twitter

LinkedIn: icon ion-social-linkedin

9 – Menu Icon

Neste campo você poderá alterar (caso desejar) a imagem do ícone menu (lembrando que este botão abre o menu superior), por padrão vem o ícone de menu hambúrguer, você pode alterar usando outro código como abaixo:

icon ion-navicon

icon ion-home

icon ion-more

10 – Preenchimento inferior do menu

Nesta barra você poderá também ajustar o limite da parte inferior do menu superior.

11 – Altura do menu superior

Nesta barra você poderá também ajustar a altura do menu superior, porém a referência da parte superior, quanto maior o valor os Botões ficarão mais altos.

Faça testes para compreender melhor cada ajuste. Para voltar os ajustes aos valores padrões é simples: Escolha outro Layout qualquer e depois escolha o Layout 101 novamente.

 

 

Depois que terminar de configurar os ajustes clique em “Salvar” para salvar as alterações.

 

As alterações de cores de fundo, demais ícones e borda deve ser alterados pela seção “CORES”.

Importante:

  • O Menu de rodapé consiste em cinco itens, o primeiro é o botão clicar para ligar (telefone), o segundo é botão WhatsApp, e os outros são links que você poderá definir.
  • Caso seu Aplicativo já esteja publicado nas lojas (Play Store e App Store) será necessário a atualização do Aplicativo na loja para que o Layout 101 funcione corretamente.

 

Pronto. 😉

 

Qualquer dúvida pode contar com nossa equipe de suporte.

 

 

O post Layout 101 apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/layout-101/feed/ 0 19863
Layout 103 https://portalapper.com.br/centraldeajuda/layout-103/ https://portalapper.com.br/centraldeajuda/layout-103/#respond Fri, 12 Jun 2020 13:00:43 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/?post_type=epkb_post_type_1&p=19829 O post Layout 103 apareceu primeiro em Portal Apper.

]]>

Layout-103 é um layout com menu duplo (Menu Principal + Menu Rodapé), que é uma combinação do padrão Layout-1 e Layout-3.

Também vem com o botão de telefone de acesso rápido no menu do rodapé. Você poderá customizar trocando cores, altura, borda, plano de fundo e muito mais. Veja abaixo como inserir e customizar o Layout:

Recursos:

  • Botão Clique para ligar (Telefone)
  • Ícone telefone personalizável
  • Cor do ícone telefone personalizável
  • Ajuste de altura do menu principal

Exemplo:

1 – Abra o Painel com seus Aplicativos: https://portalapper.com.br/construtor-apps/

 

 

2 – Escolha o Aplicativo que deseja aplicar o Layout e clique em EDITAR ao lado do nome do App

 

 

ou, crie um novo Aplicativo clicando em “Criar um novo aplicativo”, digite o nome do App e clique em “Criar”

 

 

3 – Neste momento se caso criou um novo App vai aparecer uma janela com vários Modelos para você escolher um, escolha um modelo, e em caso de dúvida escolha o “BLANK TEMPLATE”.

 

 

Se apenas está editando um App existente, então você já cairá na Aba DESIGN, que é a Aba para inserir o Layout.

Nesta seção “SEU DESIGN” clique em “Alterar o Layout”

 

 

Ao clicar aparecerá uma janela com vários Layout para você escolher, desça a barra de rolagem até achar o Layout desejado, no nosso caso o Layout 103, clicando na imagem do Layout 103 o mesmo já será inserido no projeto do seu App

 

 

Ao lado do Layout aparecerá um quadro onde você poderá alterar as “CONFIGURAÇÕES DO LAYOUT”, para cada Layout se tem uma configuração em particular, vejamos o que permite alterar o Layout 103

Nota: Para visualizar melhor o comportamento do Layout 103, certifique-se de ter adicionado alguns recurso, no mínimo 8, para que ambos os menus fiquem preenchidos com os recursos.

 

 

1 – Phone Number

Neste campo você deverá colocar um número de telefone, como exemplo: 011966434235

O primeiro recurso a aparecer no Menu do Rodapé é o botão de telefone, ou seja, assim que o usuário clicar será direcionado para o discador do celular com o telefone já preenchido.

 

 

2 – Phone Icon

Neste campo você poderá alterar o ícone do telefone via código, ele já vem com um código padrão “icon ion-ios-telephone”, você não precisa de alterá-lo.

Mas se caso desejar alterar, temos abaixo mais 2 modelos que você poderá usar, substitua o código do campo copiando e colando no campo.

icon ion-android-call
icon ion-ios-telephone-outline

 

 

3 – Icon Color

Neste campo você poderá inserir um código de cor para alterar a cor do ícone do telefone, o código padrão que vem é da cor branca.

Exemplo: #000000

Para preto

 

 

4 – Menu Bottom Padding

Nesta barra você poderá ajustar a altura que o Menu principal irá iniciar na parte inferior, quanto maior o valor, a distância entre o Menu principal e o Menu de rodapé aumenta.

 

 

5 – Menu Scroll Height

Nesta barra você poderá também ajustar a altura do Menu principal, porém com referência da parte superior, quanto maior o valor o Menu principal ficará mais alto.

 

 

Faça testes para compreender melhor cada ajuste. Para voltar os ajustes aos valores padrões é simples: Escolha outro Layout qualquer e depois escolha o Layout 103 novamente.

 

 

Depois que terminar de configurar os ajustes clique em “Salvar” para salvar as alterações.

 

As alterações de cores de fundo, demais ícones e borda deve ser alterados pela seção “CORES”.

 

Importante:

  • O Menu de rodapé consiste em cinco itens, o primeiro é o botão clicar para ligar (telefone) e os outros quatro são os primeiros quatro recursos do seu aplicativo.
  • O Menu principal consiste em todos os outros demais recursos do seu aplicativo, ou seja, a partir do 5º recurso inserido.
  • Caso seu Aplicativo já esteja publicado nas lojas (Play Store e App Store) será necessário a atualização do Aplicativo na loja para que o Layout 103 funcione corretamente.

Pronto. 😉

 

Qualquer dúvida pode contar com nossa equipe de suporte.

 

 

O post Layout 103 apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/layout-103/feed/ 0 19829
CSS para alterar o tamanho do texto dos ícones da homepage no Layout 7 https://portalapper.com.br/centraldeajuda/css-para-alterar-o-tamanho-do-texto-dos-icones-da-homepage-no-layout-7/ https://portalapper.com.br/centraldeajuda/css-para-alterar-o-tamanho-do-texto-dos-icones-da-homepage-no-layout-7/#respond Thu, 07 May 2020 16:22:43 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/?post_type=epkb_post_type_1&p=18813 Se deseja alterar o tamanho dos textos que estão abaixo dos ícones na homepage do seu aplicativo no Layout 7, 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 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.l7 .sidebar ul.items li p { font-size: 10px; } Obs: Altere o valor depois de “font-size:” que no exemplo do código esta em “10px”, de padrão o tamanho é “13px” então o valor de exemplo deste código já […]

O post CSS para alterar o tamanho do texto dos ícones da homepage no Layout 7 apareceu primeiro em Portal Apper.

]]>
Se deseja alterar o tamanho dos textos que estão abaixo dos ícones na homepage do seu aplicativo no Layout 7, 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 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.l7 .sidebar ul.items li p {

font-size: 10px;

}

Obs: Altere o valor depois de “font-size:” que no exemplo do código esta em “10px”, de padrão o tamanho é “13px” então o valor de exemplo deste código já fará que seu texto esteja menor do que o padrão.

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

O post CSS para alterar o tamanho do texto dos ícones da homepage no Layout 7 apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/css-para-alterar-o-tamanho-do-texto-dos-icones-da-homepage-no-layout-7/feed/ 0 18813
Mudar tamanho da fonte do título dos recursos na Homepage (Layout 39) https://portalapper.com.br/centraldeajuda/mudar-tamanho-da-fonte-do-titulo-dos-recursos-na-homepage-layout-39/ https://portalapper.com.br/centraldeajuda/mudar-tamanho-da-fonte-do-titulo-dos-recursos-na-homepage-layout-39/#respond Wed, 30 May 2018 12:20:48 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=14798 O post Mudar tamanho da fonte do título dos recursos na Homepage (Layout 39) apareceu primeiro em Portal Apper.

]]>

Se você deseja alterar o tamanho da fonte dos títulos dos recursos dos botões que estão na homepage no layout 39, 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.l39 .r3menu li p {
font-size: 10px !important;
}

 

Para alterar o tamanho da fonte, mude o número da linha do “font-size” (o padrão do texto em px é 12px, para obter algo diferente, mude para mais ou menos que 12px).

 

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

O post Mudar tamanho da fonte do título dos recursos na Homepage (Layout 39) apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/mudar-tamanho-da-fonte-do-titulo-dos-recursos-na-homepage-layout-39/feed/ 0 14798
Adicionar uma imagem no menu lateral (Layout 9) https://portalapper.com.br/centraldeajuda/adicionar-uma-imagem-no-menu-lateral-layout-9/ https://portalapper.com.br/centraldeajuda/adicionar-uma-imagem-no-menu-lateral-layout-9/#respond Tue, 17 Apr 2018 13:00:46 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=14268 O post Adicionar uma imagem no menu lateral (Layout 9) apareceu primeiro em Portal Apper.

]]>

Com este CSS, você aplicará uma imagem de fundo do menu lateral do Layout 9. 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-custom {
background-color: transparent;
}
.layout.l9 {
background-image: url("https://portalapper.sitesparresia.com//home/parresia/sitesparresiacom/sitesparresia.com/public_html/wp-content/uploads/sites/154/2018/03/Way.jpg");
background-position: center;
background-attachment: fixed;
background-color: transparent;
}

 

Para aplicar a imagem de fundo desejada, basta alterar a URL do “background-image: url” que esta entre parenteses.

Não há a necessidade que o tamanho da imagem seja exato, observe que usamos uma imagem 1440x1280px, e cada tela vai adequar a imagem, fique a vontade para realizar seus testes com a imagem desejada e no tamanho disponível.

 

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

O post Adicionar uma imagem no menu lateral (Layout 9) apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/adicionar-uma-imagem-no-menu-lateral-layout-9/feed/ 0 14268
Atualização do Construtor de Aplicativos – v4.13.11 https://portalapper.com.br/centraldeajuda/atualizacao-do-construtor-de-aplicativos-v4-13-11/ https://portalapper.com.br/centraldeajuda/atualizacao-do-construtor-de-aplicativos-v4-13-11/#respond Thu, 12 Apr 2018 12:10:48 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=14414 12 DE ABRIL DE 2018   NOTAS DA ATUALIZAÇÃO: v4.13.11   Seção DESIGN > Layout’s – Melhoria Inserido texto de aviso quando o Layout não tem configurações disponíveis. Melhorou a destaque do Layout escolhido, melhorando a identificação do Layout escolhido.   Seção APLICATIVO > Imagem de início – Melhoria Inserido mais uma tela de abertura agora para iPhone X esta na última opção. Obs: Para ativar esta imagem de início em dispositivos iPhone X em seu aplicativo, você deve atualizar o seu App na Loja App Store, esta é uma melhoria, a não realização desta atualização não impedirá o funcionamento no Aplicativo. Se caso contratou o serviço de publicação com nossa equipe, você poderá adquirir o serviço de Atualização clicando aqui!   Geral > Traduções – Correção Inserido mais algumas traduções que estavam faltando.       Ps: Se observou a necessidade de alguma correção que não foi listada acima, favor informar […]

O post Atualização do Construtor de Aplicativos – v4.13.11 apareceu primeiro em Portal Apper.

]]>
12 DE ABRIL DE 2018

 

NOTAS DA ATUALIZAÇÃO: v4.13.11

 

Seção DESIGN > Layout’s – Melhoria

Inserido texto de aviso quando o Layout não tem configurações disponíveis.

Melhorou a destaque do Layout escolhido, melhorando a identificação do Layout escolhido.

 

Seção APLICATIVO > Imagem de início – Melhoria

Inserido mais uma tela de abertura agora para iPhone X esta na última opção.

Obs: Para ativar esta imagem de início em dispositivos iPhone X em seu aplicativo, você deve atualizar o seu App na Loja App Store, esta é uma melhoria, a não realização desta atualização não impedirá o funcionamento no Aplicativo. Se caso contratou o serviço de publicação com nossa equipe, você poderá adquirir o serviço de Atualização clicando aqui!

 

Geral > Traduções – Correção

Inserido mais algumas traduções que estavam faltando.

 

 

 

Ps: Se observou a necessidade de alguma correção que não foi listada acima, favor informar a nossa equipe de suporte, se caso já informou, favor aguardar as próximas atualizações. Estamos trabalhando diariamente para que você tenha o melhor.

 

O post Atualização do Construtor de Aplicativos – v4.13.11 apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/atualizacao-do-construtor-de-aplicativos-v4-13-11/feed/ 0 14414
Remover sombra do menu dos Layouts 1, 2 ou 10 https://portalapper.com.br/centraldeajuda/remover-sombra-do-menu-dos-layouts-1-2-ou-10/ https://portalapper.com.br/centraldeajuda/remover-sombra-do-menu-dos-layouts-1-2-ou-10/#respond Tue, 10 Apr 2018 12:00:34 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=14232 O post Remover sombra do menu dos Layouts 1, 2 ou 10 apareceu primeiro em Portal Apper.

]]>

Com este CSS você removerá a sombra no layout 1, 2 ou 10. 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.l1 .tabs {
box-shadow: none !important;
}

 

Obs: Para o layout 2, alterar o número de “l1” para “l2”, e, para o 10, de “l1” para “l10”.

 

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

O post Remover sombra do menu dos Layouts 1, 2 ou 10 apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/remover-sombra-do-menu-dos-layouts-1-2-ou-10/feed/ 0 14232
Aplicar um Banner ou Slider no rodapé (Layout 6) https://portalapper.com.br/centraldeajuda/aplicar-um-banner-ou-slider-no-rodape-layout-6/ https://portalapper.com.br/centraldeajuda/aplicar-um-banner-ou-slider-no-rodape-layout-6/#respond Tue, 03 Apr 2018 13:00:38 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=14219 O post Aplicar um Banner ou Slider no rodapé (Layout 6) apareceu primeiro em Portal Apper.

]]>

Com este CSS você conseguirá ter um banner ou slider no rodapé da Homepage de seu App, usando o layout 6 (não clicável). 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.l6 ion-content {
height: 80%;
margin-bottom: 18%;
}

 

5 – Salve.

6 – Vá para a Seção DESIGN (Tema) e mude para o Layout 6 em “Alterar seu layout”.

7 – Em “OPÇÕES DE LAYOUT” na parte superior direta da tela clique em “Ativar Slider” ativando esta opção.

8 – Depois que ativar o Slider, desça a barra de rolagem até o quadro “Configurações do Slider da Homepage” e faça as seguintes configurações:

Sliders em Loop > Pode deixar desligado (se deseja apenas 1)

Duração de cada Slider em seg. > Deixa em 3 segundos (Se for 1 Slider isso não interfere)

Posição de topo > 90%

Opacidade das imagens > 100%

Defina a proporção do Slider na tela > 10%

Agora insira uma imagem usando o botão “MAIS IMAGENS”, se estiver usando a proporção sugerida acima faça a imagem com o seguinte tamanho 900x160px, se não conseguir fazer neste tamanho não terá problema, a ferramenta irá cortar a imagem para você.

Você pode realizar testes com outros tamanhos.

Caso queira mudar o tamanho do banner, basta alterar a “Defina a proporção do Slider na tela” e o valor que esta na propriedade “margin-bottom” dentro do SCSS.

 

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

O post Aplicar um Banner ou Slider no rodapé (Layout 6) apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/aplicar-um-banner-ou-slider-no-rodape-layout-6/feed/ 0 14219
Atualização da Plataforma – v4.13.8 https://portalapper.com.br/centraldeajuda/atualizacao-da-plataforma-v4-13-8/ https://portalapper.com.br/centraldeajuda/atualizacao-da-plataforma-v4-13-8/#comments Thu, 15 Mar 2018 15:00:11 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=14100 O post Atualização da Plataforma – v4.13.8 apareceu primeiro em Portal Apper.

]]>

16 DE MARÇO DE 2018

 

NOTAS DA ATUALIZAÇÃO: v4.13.8

 

Recurso > Trabalho – Correção

Corrige a pesquisa por localização e distância.

Corrige a ação de exclusão do cargo do trabalho.

 

 

Recurso > Áudio/Rádio – Correção

Corrige controles de media player e mini-player ao navegar no aplicativo, adiciona mais ações e atalhos;

Corrige o player que não funciona no iOS 11+.

      

 

 

Recurso > Pasta (v2) – Atualização/melhorias/correção

A Pasta v1 foi desativada em favor da atualização da nova Pasta v2.

Nota: Os aplicativos que usam a pasta v1 ainda poderão visualizá-lo/usá-lo/editá-lo.

Atualização na interface de navegação entre pastas, agora com 6 layouts e 2 designs (cartão/lista)

Permite configurar individualmente cada layout/design/capa da pasta

Melhora a interface do usuário/Alinhamento de pasta

Melhoria na navegação instantânea entre pastas/subpastas

 

 

 

Recurso > Formulário – Correção

Correções inclusive para valores mín/máx, tendo em conta unidades e pontos flutuantes.

 

 

Recurso > Catálogo – Melhorias/correção

Melhora a interface do usuário (UI)/experiência do usuário (UX) com melhor gerenciamento de Categorias e Produtos.


 

 

 

Recurso > Imagens – Correção

Corrige um problema com o menu suspenso não rolando com mais de 5 categorias/seções.

 

 

Aplicativo > Plano de Fundo – Correção

Corrige a remoção de imagens como plano de fundo.

 

 

Recursos > Facebook – Correção

Corrige algumas postagens com comentários que não estão sendo carregados devido a configurações de privacidade.

 

 

Ps: Se observou a necessidade de alguma correção que não foi listada acima, favor informar a nossa equipe de suporte, se caso já informou, favor aguardar as próximas atualizações. Estamos trabalhando diariamente para que você tenha o melhor.

 

O post Atualização da Plataforma – v4.13.8 apareceu primeiro em Portal Apper.

]]>
https://portalapper.com.br/centraldeajuda/atualizacao-da-plataforma-v4-13-8/feed/ 2 14100