Utforma ritytelayouter för olika skärmstorlekar

Du kan utforma ritytelayouter så att de passar för olika stora enheter och optimera innehållet så att det får plats i webbläsaren på olika stora skärmar.

Avsnitt:

Om att utforma ritytor för visning på enheter med olika stora skärmar

Du kan utforma ritytelayouter så att de passar för olika stora enheter och optimerar innehållet i webbläsaren på till exempel en mobil, en surfplatta eller en bärbar dator.

Optimera ritytors layout för olika stora skärmar

När du öppnar en arbetsbok på enheter med olika stor skärm ändras ritytans storlek efter webbläsarens standardvärden. Om du minskar webbläsarens storlek kan det påverka din förmåga att se detaljerna i visualiseringar. Data i ett spridningsdiagram, på en värmekarta eller de flesta måttdata i en panelvisualisering kan till exempel bli svåra att läsa vilket gör det omöjligt att se viktig information.

När du minskar ritytans storlek i en webbläsare kan visualiseringar bli för små för att data ska kunna visas ordentligt.
På bilden visas en rityta med mindre storlek som visas i en webbläsare där vissa visualiseringar har blivit så små att data inte kan visas på rätt sätt.

Som konstruktör kan du utforma brytpunkter för ritytan så att visualiseringarna anpassas efter den nya skärmstorleken när ritytan blir mindre på skärmen. Om den tillgängliga skärmstorleken till exempel är för liten för att visa en hel visualisering kan du ordna om eller dölja visualiseringen så att den fungerar bättre på den mindre skärmen. Du anger olika storlekar och layouter för ritytor med hjälp av brytpunkter, och varje brytpunkt representerar ett sätt att visa visualiseringarna för respektive skärmstorlek.

En optimerad rityta för en mindre skärmstorlek med en brytpunkt där visualiseringarna ordnats om så att de blir enklare att se på den mindre enheten.
På den här bilden visas en optimerad visualisering som skapats med en brytpunkt för en enhet med mindre skärm.

Du använder ett skjutreglage till att definiera skärmstorlekar för när konsumentanvändare visar ritytor på olika stora enheter. Du kan till exempel ändra hur visualiseringarna visas genom att ändra deras plats, storlek eller synlighet på ritytan.

När du lägger till en brytpunkt för en rityta avgör brytpunktens skärmstorlek hur visualiseringar visas på den aktuella skärmstorleken. Du kan ändra plats eller storlek på eller ta bort visualiseringar för en ritytebrytpunkt för att optimera hur användare ser visualiseringar. Du kan ange olika visualiseringskonfigurationer för respektive brytpunkt. Skillnaderna för respektive brytpunkt visas bara för konsumentanvändare när upplösningen i webbläsaren matchar den brytpunkt som ändringarna har gjorts för.

Utforma ritytelayouter för visning på olika enheter

Du kan skapa brytpunkter för ritytor för att bestämma hur visualiseringar ska visas för konsumentanvändare på enheter med olika stora skärmar. Du kan till exempel ställa in olika brytpunkter för att optimera visningen i en webbläsare på en mobil enhet, på en surfplatta eller på en bärbar dator.

Ikonen Självstudier Självstudier

  1. Gå till hemsidan, håll muspekaren över en arbetsbok, klicka på Åtgärder och välj Öppna.
  2. Klicka på Redigera för att visa arbetsboken för redigering.
  3. Expandera ritytan till största storlek, gå in på Rityteegenskaper, ställ in Layout på Autoanpassa och klicka på OK.
  4. I sidfoten klickar du på Redigera följsamma ritytor för att öppna redigeringsprogrammet i vilket du kan definiera brytpunkter för visning av ritytan på olika enheter.
    Redigera följsamma ritytor

  5. Ställ in en ritytebrytpunkt:
    • Lägg till en brytpunkt vid skjutreglagets aktuella placering - Klicka och dra skjutreglaget till värdet i pixlar för den skärmstorlek du vill använda för brytpunkten.
      Dra skjutreglaget till önskad bredd visad i pixlar.

      Klicka sedan på Lägg till brytpunkt Klicka på ikonen Lägg till brytpunkt för att lägga till en brytpunkt på skjutreglagets positionför att lägga till brytpunkten vid skjutreglagets aktuella placering.
    • Ange ett värde för en brytpunkt manuellt – Klicka på Öppna menyn för redigering av följsam rityta, klicka på Lägg till brytpunkt och ange ett tal i fältet Position för den plats där du vill lägga till brytpunkten.
      Ange en position manuellt för tillägg av en brytpunkt

  6. Upprepa det föregående steget om du vill definiera fler ritytebrytpunkter.
  7. Inkludera eller exkludera visualiseringar för varje ritytebrytpunkt:
    • Högerklicka på den ritytebrytpunkt du vill hantera (En ritytebrytpunkt och dess markör) och klicka på Hantera brytpunkt.
      I dialogrutan Hantera brytpunkt kan du exkludera och inkludera visualiseringar från ritytebrytpunkten.

    • Klicka på en visualisering i listan för att exkludera eller inkludera den på ritytan för brytpunkten och klicka sedan på OK.
      I dialogrutan Hantera brytpunkt kan du exkludera och inkludera visualiseringar och infopanelsfilter från ritytan för brytpunkten.

  8. Valfritt: Skapa en visualisering och lägg till den i en brytpunkt genom att välja data från datapanelen och lägga till dem på ritytan.
    Den nya visualiseringen läggs bara till i den aktuella brytpunkten, men du kan lägga till visualiseringen i en annan brytpunkt på ritytan genom att välja visualiseringen i listan i dialogrutan Hantera brytpunkt för den aktuella brytpunkten.
  9. Valfritt: Optimera visningen av visualiseringar för en ritytebrytpunkt.
    Du kanske vill optimera innehållet för visning på en mindre enhet som en mobil.
    • Ordna om visualiseringar – klicka på och dra visualiseringar till en ny plats.
    • Optimera visualiseringar – använd panelen Egenskaper till att dölja onödigt innehåll som rubriken eller förklaringen.
    När du optimerar visualiseringar för en brytpunkt gäller de ändringarna inte för andra brytpunkter på ritytan.
  10. Klicka på Spara.