Redirecionamento entre abas do app - Código HTML

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.

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!

2 Curtidas

Acredito que consegui, obrigado! =)

1 Curtida

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

Abraços

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

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.

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.

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

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

Espero ter ajudado!

2 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

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

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

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:

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?