Så här ställer du in din header

Headern

Headern är fältet högst upp i din app. Den syns överallt: den visar appens identitet och varje sektions titel, rymmer genvägar och hjälper användarna att hitta rätt.

Du ställer in den i menyn ”My App”.

Klicka på Header i appens struktur.

Headerns höjd

Välj först headerns höjd: Small, Medium eller Large.

Välj Medium… så blir headern högre, med samma titel eller logga.

Välj Large… så kan du lägga till en kort beskrivning. Skriv den här… och klicka på OK.

Beskrivningen visas under din titel i den stora headern.

Medium och Large gäller sektionerna i din huvudnavigering. Andra sidor använder alltid Small. Den här appen behåller Small.

Titel eller logotyp

I blocket Logo visas appens namn som text eller som bild. För att ändra texten skriver du din titel… och klickar på OK.

Förhandsvisningen uppdateras direkt.

Klicka på färgen för att ändra den, ange en färgkod eller välj en och klicka sedan på Choose.

Titeln får den nya färgen.

Välj ett typsnitt i listan… så visas det i förhandsvisningen.

Ställ in storleken med reglaget.

Titeln blir större.

Vill du visa din logga i stället, klickar du på Logo och väljer en bild på minst 800 × 200 pixlar.

Din logga ersätter texten.

Placera den till vänster eller behåll den centrerad.

Här flyttas den till vänster.

Välj sedan vad headern visar medan användarna navigerar: alltid din logga, med ”Logo only”, som på den här sektionssidan… eller namnet på varje sektion, med ”Section title”.

Navigeringsknappar

Till vänster i headern finns navigeringsknapparna: Back-knappen, här i förhandsvisningen, och Menu-knappen om din navigering har en. Du ställer in deras ikon och färg här.

Ge till exempel Back-knappen en ny färg… så syns den direkt.

Bakgrund

Välj en färg för bakgrunden och en för nederkanten.

Headern får den nya bakgrundsfärgen.

Med den lilla headern kan du också använda en bakgrundsbild på 1242 × 192 pixlar.

Bilden fyller nu hela headern.

För att ta bort den klickar du på papperskorgen på bilden… och bekräftar.

Headern visar sin bakgrundsfärg igen.

Scrolleffekt

Scrolleffekten styr vad headern gör när användarna scrollar nedåt: den ligger kvar eller döljs. Med en medelstor eller stor header kan den också krympa.

Med Hiding glider headern undan när sidan scrollas.

Åtgärder i headern

Till höger finns åtgärder, genvägar till de sidor du väljer. Vill du lägga till en, klicka på ”Add an action”… och välj sedan vart den ska leda, här sektionen Search.

Den nya genvägen visas i headern med en standardikon.

För att byta ikon klickar du på den… söker i ikonbiblioteket och väljer förstoringsglaset.

Genvägen visar nu ett förstoringsglas. Du kan också ställa in dess färg. På surfplatta och dator kan den visa en titel och på dator se ut som en knapp.

Headern visar två genvägar. Resten hamnar i en extra meny.

En header per sektion

Varje sektion kan också ha en egen header. Gå tillbaka till strukturen… och klicka på en sektion.

Öppna Header… och välj ”Modify the header of this section”.

Inställningarna är desamma som för den generella headern. Här en annan bakgrundsfärg… bara för den här sektionen.

För att återgå till den generella headern klickar du på kugghjulet… sedan på ”Go back to default header” och bekräftar.

Sektionen har den generella headern igen.

Publicering

Publicera uppdateringen av din app från menyn Publish, så att dina användare ser ändringarna.