MICHELEPISANI.IT
 

Agire sia su ion-view che su ion-content

Nascondere o Rimuovere la barra del Titolo nell'Header delle View

Agosto 06
07:132016

Il codice seguente rappresenta l'apertura dei tag solitamenti presenti all'interno di una classica view in Ionic mostrante la barra del titolo (che è anche quella dove può essere presente o meno il bottone di Back):

<ion-view title="Home">
    <ion-nav-title>
      <img src="img/logo_header.png" class="logo-header">
    </ion-nav-title>
    <ion-content overflow-scroll="false" padding="false" scroll="false" class="has-header">
...

Per poter ottenere una view senza la barra in header sarà necessario in primo luogo rimuovere, se presente, l'elemento di tipo ion-nav-title (nell'esempio è quello che contiene il tag img per la visualizzazione del logo in header) a quel punto aggiungere gli attributi hide-nav-bar="true" e hide-back-button="true" al tag ion-view mentre al tag ion-content rimuovere la classe, se presente, class="has-header".
La situazione finale sarà simile alla seguente (l'attributo title a questo punto risulta ininfluente e potrebbe essere anch'esso rimosso):

<ion-view hide-nav-bar="true" hide-back-button="true" title="Home">
    <ion-content overflow-scroll="false" padding="false" scroll="false">
...

Tags
Condividi

Autore

Michele Pisani

Michele Pisani

Ho uno spiccato orientamento al problem-solving, se è troppo facile non mi diverto :)
Credo nella volontà e nel cambiamento perchè hanno fatto della mia passione il mio pane quotidiano.
Se devo descrivermi con una sola parola direi... "Concretezza", la mia stretta di mano è una garanzia.

0 Commenti

Non ci sono commenti

Nessuno ha ancora commentato questo articolo, fallo tu per primo!

Scrivi un Commento

Scrivi un Commento

Il tuo indirizzo email non sarà pubblicato.
I campi contrassegnati da un * sono obbligatori

Articoli e Argomenti correlati

Categorie popolari

Iscriviti alla mia newsletter

La tua e-mail con me sarà al sicuro.
Non fornirò mai le tue informazioni a nessuno!

Ultimi commenti

Michele Pisani

Ciao peppe,
che tipo di errore ti dà? Hai verificato se il resto delle caratteristiche è …

peppe

Ciao, perchè non posso unire takeshy kurosawa con takeshy kurosawa shop? non sono nomi simili?

Michele Pisani

Grazie Ottavia, fa sempre piacere ricevere un feedback. Buon proseguimento.

Ottavia Neruda

La tua guida mi è stata utilissima. L'ho trovata semplice, ben fatta ed intuitiva. Grazie.