Redirecionamento entre abas do app - Código HTML Moblet

Olá, gostaria de tirar uma dúvida: preciso, a partir de um botão hostilizado que criei dentro de uma “página em branco”, redirecionar meu usuário para uma aba escondida dentro do meu app, uma aba interna. Isto é possível? Se sim, como faço? Desde já agradeço.

1 curtida

Olá, tudo bem? Basta pegar o código da aba que deseja direcionar e colocar nesse código html.

<p><span color:=" style="><img data-moblet="19532692" src="https://i.imgur.com/5zETAEY.png[/img]" style="width: 430px; height: 65px;" /></span></p>

Obs: Esse código vc pega quando estiver acessando seu app através do webapp, daí seleciona a aba que você que direcionar e pega essa numeração.

Segue dois links que vc pode está pegando essa numeração das abas através do seu navegador http://preview.fabapp.com/nomedoseuapp

Ou https://pwa.fabricadeaplicativos.com.br/nomedoseuapp

Espero ter ajudado!

3 curtidas

Acredito que consegui, obrigado! =)

2 curtidas

Havendo dúvidas, chama aqui de novo :+1:

Abraços

1 curtida

Muito boa essa dica.
Será que poderia fazer isso numa seleção em dropdown?

1 curtida

Você já tem esse dropdown? Seria aquele quem tem em um app demo da fábrica? Se sim e der pra colocar acredito que funcione.

1 curtida

Opa, ainda não. Pesquisei alguns HTML mais não consegui implementar.
A ideia e tornar uma página em branco como tela inicial com um botão Dropdown.

Exemplo:

“Escolha a Cidade”

Clicando ficaria:

“Escolha a cidade”
- cidade 1
- cidade 2
- cidade 3
Cada cidade direcionada a um grupo de abas.

1 curtida

Bacana! Quem sabe depois dessa nova versão podemos ter o privilégio de ter essa opção nas futuras atualizações heheh. Em quanto isso, vamos buscando alternativas que supra nossa necessidade no momento, inventando e colocando a cuca pra pensar.

Abraços

1 curtida

@djeise Acompanha aqui o assunto relacionado a sua pergunta feito em outro tópico.

Espero ter ajudado!

3 curtidas

Achei esse código pra ajudar. Falta Linkar o conteúdo interno.

/* Style The Dropdown Button */ .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #f1f1f1} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; } /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn { background-color: #3e8e41; }
Dropdown
1 curtida

Tudo bem amigo! Teve alguma dificuldade em usar o código mencionado á baixo?

1 curtida

achei um que ensina a fazer um botão dropdown
nesse site https://www.w3schools.com/css/css_dropdowns.asp
só falta linkar as páginas internas

1 curtida

Ah, tá! Entendi! Daí seria inserido o html dentro do nome Hello World! né isso?

 <!DOCTYPE html>
<html>
<head>
<style>
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: center;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}
</style>
</head>
<body>

<h2>Confira nossas ofertas!</h2>
<p>Move the mouse over the text below to open the dropdown content.</p>

<div class="dropdown">
  <span>Temos ofertas disponível</span>
  <div class="dropdown-content">
  <p><p><span color:=" style="><img data-moblet="19532692" src="https://i.imgur.com/5zETAEY.png[/img]" style="width: 100%; height: px;" /></span></p></p>
  </div>
</div>

</body>
</html>

Coloquei o html dentro e foi de boa, depois tenta usando suas informações, aqui ele consegue direcionar.

Obrigado por compartilhar :handshake:

1 curtida

Ficou show de bola vlw mesmo.
Fiz as mudanças que precisava e está muito bom.
Só estou tendo um problema. Quero implementar esse código como página única no início de abertura, sem cabeçalho numa Página em Branco. Gostaria de aplicar a mesma imagem de abertura do app como imagem de fundo, o Dropdown ficaria sobre a imagem.
Meu, pesquisei e não consigo aplicar essa ideia. Ou o botão fica acima ou abaixo da imagem, nunca sobre ela.
Poderia me ajudar com isso?

1 curtida

Bom dia pessoal, tudo bem??

Pergunta rapida: esse link para as abas internas do APP tambem funcionam nos aplicativos nativos (apos ser publicado, claro! hehe) ou somente no PWA e versao web??

Fiz o teste algumas vezes e nao tambem funcionou no PWA! :man_facepalming:t4:

Obrigado desde ja!! Abracos! Thiago Torres

@BrunaPalma @soluwebdigital

1 curtida

@whataviewmktUSA funciona no pwa e no app publicado sim :slight_smile:
Pode ser que tenha algum detalhe incorreto no seu código… Podemandar o código utilizado aqui e com certeza revisaremos para te ajudar!

1 curtida

Esse e o codigo que eu utilizei Bruna! A imagem nao fica clicavel dentro do PWA no iPhone.

Bloco de Citação

<img data-moblet=“23557043” src=“https://i.imgur.com/C6CmFUZ.png”[/img] style=“width: 75px; height: 75px” />

Obrigado desde ja!!!

1 curtida

Esse código não esta funcionando no IOS.

1 curtida