Under denna flik aktiverar man grids på webbplatsen och gör inställningar för dessa.

Ett grid används för att bygga mallar på webbplatsen. Man kan säga att en grid är som ett rutnät som innehåller rader och kolumner som fungerar som en mall där vi kan placera in vår design (text, bild m.m) för att den ska bli konsekvent och tydlig.

Man ställer in sitt grid på webbplatsen där man anger bredd, mellanrum mellan kolumner, hur många kolumner som ska användas och om det ska vara centrerat. Sedan använder man gridrader och gridkolumner för att placera ut innehållet.

När man har aktiverat ett grid på webbplatsen kan man använda det när man bygger mallar. Det går också, precis som layouter, att använda på enskilda sidor.

Grids används för att underlätta arbetet med att bygga mallar i SiteVision. Eftersom alla bredder och marginaler för ett grid och dess kolumner sätts upp centralt blir det enklare att bygga en design med konsekvent utseende.

Aktivera grids

När man har aktiverat grids så är det möjligt att bygga mallar och webbsidor med grids. Det är då möjligt att lägga till grids, rader och kolumner ute på sidorna.

Det är en förutsättning att aktivera grids om man ska bygga en responsiv webb.

Det förvalda gridet är det som kommer att användas när man väljer "Lägg till grid" ute på sidorna.

Lägg till grid

Klicka på plusknappen för att lägga till ett grid på webbplatsen. Ett nytt fönster öppnas:

Aktivera grid

Kryssar man i denna ruta skrivs gridet ut i CSS-filen. Det möjliggör att man kan ha kvar gamla grid (som man av någon anledning inte vill slänga) men som man då kan avaktivera.

Namn

Arbetsnamn på grid i SiteVision.

CSS-klassnamn

Klassnamn som används för hela grid:et.

Bredd

Gridets utgångsbredd. Den bredd som vi kommer att utgå ifrån när vi genererar CSS:en. Man kan säga att det motsvarar bredden på webbplatsen som använder gridet.

Flexibel bredd

När fönstrets storlek blir mindre än gridets bredd så börjar denna inställning att gälla. Om man har ställt in att gridet ska vara 960px men fönstret är bara är 900px brett så kommer gridet att vara en viss procent av det.

Detta gäller enbart på layouter som är flexibla grid, har ingen effekt på fasta grid. Det gäller inte heller vid stapling, spalterna tar upp 100% av ytan.

Antal kolumner

Här ställer man in hur många kolumner man vill att gridet ska innehålla. Ett bra antal kan vara 12, 16 eller 24.

Marginal mellan kolumner

Hur mycket mellanrum man ska ha mellan kolumnerna i gridet. Marginalen mellan kolumnerna gånger antalet kolumner får inte uppgå över gridets bredd. Exempelvis om man har 12 kolumner så kan man inte ha 90 px mellanrum om totalbredden är 960px (12*90=1080px).

Centrera grid

Om gridet ska centreras eller inte.

Ta bort grid

För att ta bort ett grid, markera det i listan och klicka på minusknappen till höger.

Egenskaper på grid

För att ändra på ett grid, markera det i listan och klicka på egenskapsknappen till höger.

Förvalt grid

Markera det grid i listan som du vill ska vara förvalt. Det är detta grids antal kolumner som kommer att visas i högerklicksmenyn när man lägger till en gridkolumn.