Sådan sætter du din header op

Headeren

Headeren er bjælken øverst i din app. Den er synlig overalt: Den viser din apps identitet og titlen på hver sektion, rummer genveje og hjælper brugerne med at finde rundt.

Du sætter den op i menuen »My App«.

Klik på Header i din apps struktur.

Headerens højde

Vælg først headerens højde: Small, Medium eller Large.

Vælg Medium… så bliver headeren højere, med samme titel eller logo.

Vælg Large… så kan du tilføje en kort beskrivelse. Skriv den her… og klik på OK.

Beskrivelsen vises under din titel i den store header.

Medium og Large gælder for sektionerne i din hovednavigation. Andre sider bruger altid Small. Denne app beholder Small.

Titel eller logo

I blokken Logo vises din apps navn som tekst eller som billede. Vil du ændre teksten, så skriv din titel… og klik på OK.

Forhåndsvisningen opdateres med det samme.

Vil du ændre farven, så klik på den, indtast en farvekode eller vælg en, og klik derefter på Choose.

Titlen får den nye farve.

Vælg en skrifttype på listen… så vises den i forhåndsvisningen.

Indstil størrelsen med skyderen.

Titlen bliver større.

Vil du vise dit logo i stedet, så klik på Logo og vælg et billede på mindst 800 × 200 pixels.

Dit logo erstatter teksten.

Placer det til venstre eller behold det centreret.

Her rykker det over til venstre.

Vælg derefter hvad headeren viser mens brugerne navigerer: altid dit logo, med »Logo only«, som på denne sektionsside… eller navnet på hver sektion, med »Section title«.

Navigationsknapper

Til venstre i headeren sidder navigationsknapperne: Back-knappen, her i forhåndsvisningen, og Menu-knappen hvis din navigation har en. Deres ikon og farve indstiller du her.

Giv for eksempel Back-knappen en ny farve… så vises den med det samme.

Baggrund

Vælg en farve til baggrunden og en til underkanten.

Headeren får den nye baggrundsfarve.

Med den lille header kan du også bruge et baggrundsbillede på 1242 × 192 pixels.

Billedet fylder nu hele headeren.

Vil du fjerne det, så klik på skraldespanden på billedet… og bekræft.

Headeren viser igen sin baggrundsfarve.

Scrolleffekt

Scrolleffekten bestemmer hvad headeren gør når brugerne scroller ned: Den bliver på plads eller skjuler sig. Med en mellemstor eller stor header kan den også krympe.

Med Hiding glider headeren væk når siden scrolles.

Handlinger i headeren

Til højre er der handlinger: genveje til sider du selv vælger. Vil du tilføje en, så klik på »Add an action«… og vælg derefter hvor den skal føre hen, her sektionen Search.

Den nye genvej vises i headeren med et standardikon.

Vil du skifte ikonet, så klik på det… søg i ikonbiblioteket og vælg luppen.

Genvejen viser nu en lup. Du kan også indstille dens farve. På tablet og computer kan den få en titel, og på computer kan den vises som en knap.

Headeren viser to genveje. Resten samles i en ekstra menu.

En header pr. sektion

Hver sektion kan også have sin egen header. Gå tilbage til strukturen… og klik på en sektion.

Åbn Header… og vælg »Modify the header of this section«.

Indstillingerne er de samme som for den generelle header. Her en anden baggrundsfarve… kun for denne sektion.

Vil du tilbage til den generelle header, så klik på tandhjulet… derefter på »Go back to default header« og bekræft.

Sektionen har igen den generelle header.

Udgivelse

Udgiv opdateringen af din app fra menuen Publish, så brugerne kan se ændringerne.