Aktivera grids

Välj Egenskaper på webbplats -> Utseende -> Grids. Här kryssar man i Aktivera grids på webbplatsen.

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, gridrader och spalter ute på sidorna.

Lägg till ett grid

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

Fyll i alla fält:

• Aktivera grid - om man kryssar i denna skrivs gridet ut i CSS-filen.
• Namn - fyll i ett arbetsnamn på ditt grid. Döp gärna ditt grid till ett beskrivande namn, exempelvis "Grid 12 kolumner" om den ska bestå av 12 kolumner.
• CSS-klassnamn - fyll i ett klassnamn som används för hela gridet. Måste vara unikt, systemet föreslår ett värde.
• Bredd - fyll i gridets utgångsbredd. Man kan säga att det motsvarar bredden på webbplatsen som använder gridet. I detta exempel 978px.
• 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 978px men fönstret bara är 900px brett så kommer gridet att vara en viss procent av det. Detta gäller bara på layouter som är flexibla grid och 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. I detta exempel 12 kolumner.
• Marginal mellan kolumner - Hur mycket mellanrum man ska ha mellan kolumnerna i gridet. Marginalerna ligger till vänster om kolumnen, med undantag för den första kolumnen (där mellanrummet tas bort).
• Centrera grid - Kryssa i om gridet ska centreras.

En eller flera grid

Normalt sett behöver man bara ett grid men det går bra att skapa flera olika grid. Det är det första gridet man skapar som blir det förvalda gridet. Det är det som blir valt när man lägger till ett grid samt dess antal kolumner som visas i högerklicks-menyerna när man lägger till en spalt.

Om man ska bygga nya mallar kan man behöva lägga till ett nytt grid. Vill man då att det ska vara det förvalda gridet så markerar man det i listan och klickar på förvald-ikonen till höger.