När du högerklickar på en layout/grid/gridrad/gridspalt kan du längst ned välja att gå till layoutens egenskaper. Där har du ett antal inställningsmöjligheter.
I dialogrutan som kommer upp kan du komma åt olika delar av egenskapsdialogen. Som standard visas panelen Utseende. Denna täcker upp egenskapsinställningarna för utseende. Här kommer du åt dekorationerna för modulen, avstånd (CSS paddings), marginaler (CSS margins), storlek, responsiv webb och grid, bakgrund. kantlinjer och stil (CSS).
För att komma åt alla egenskaperna för layouten klickar du på ikonen Översikt paneler i övre vänstra hörnet.
Under valet dekoration kan du i dropmenyn peka ut den dekoration du vill använda. Du kan också härifrån byta ut eller ta bort den dekoration som ligger vald. Klicka på krysset i dekorationsmenyn för att plocka bort dekorationen från modulen.
Under avstånd (CSS padding) kommer du åt avståndsinställningar. Avstånd påverkar avstånden inom modulen eller layouten. Här ställer du in avstånd upptill, nertill, vänster eller höger.
Under marginaler (CSS margin) gör du marginalinställningar. Inställningen påverkar marginalerna runt om modulen eller layouten. Här ställer du in marginal upptill, nertill, vänster eller höger.
Här kan du ställa in mellanrum mellan innehåll som finns i layouten. Detta för att få ett visst mellanrum mellan varje objekt du lägger till. Detta är en inställning som administratören normalt ställer in i sidmallarna för en innehållsyta. Exempelvis om du har en layout där det finns tre moduler så staplas modulerna normalt på varandra utan mellanrum. Ställer du in ett mellanrum på 10 pixlar i layouten så visas de tre modulerna med ett mellanrum på 10 px. Den som lägger till nya moduler slipper att göra en inställning varje gång.
Rent tekniskt är mellanrum marginaler.
Du kan välja mellan enheterna px, em eller procent när du ställer in mellanrum.
En moduls eller layouts storlek - bredd och höjd - ställer du in under storlek. Standardbredd på modulen blir hela innehållsytans bredd. Här kan du minska eller öka på den bredden samt ställa in höjden.
Här kan du ange modulens eller layoutens bredd i kolumner utifrån de som finns uppsatta på er webbplats. Här går också modulens placering justeras i sidled. Placeringen sker i förhållande till kolumnerna som finns uppsatta på webbplatsen.
Visa endast i brytpunkter och dölj i brytpunkter innebär att du här kan göra inställningarna för att dölja eller visa en modul i de brytpunkter som finns uppsatta för webbplatsen.
Normalt visas innehållet i den ordning som det visas i innehållsrutan, uppifrån och ned. Du kan använda justera i sidled för att ändra ordningen för när innehållet staplas. Anledningen varför du skulle vilja justera ordningen kan vara att du vill ha olika utseende på din webbplats för en besökare som kommer på en dator kontra den som kommer till webbplatsen med en mobiltelefon eller läsplatta.
Hur gör du för att justera innehållet på din sida?
Om förutsättningen är att mittenspalten är 8 kolumner och högerspalten 4 kolumner.
1. Flytta högerspalten så att den ligger ovanför mittenspalten i innehållsrutan.
2. Gå in på egenskaperna för högerspalten och Justera i sidled: 8 kolumner höger.
3. Gå in på egenskaperna för mittenspalten och Justera i sidled: 4 kolumner vänster.
4. Klart!
I redigeringsläget ser allt ut som innan, men i innehållsrutan ser du att ordningen är en annan på dina innehållsytor.
Bakgrundsegenskaperna låter dig sätta en bakgrundsfärg på den aktuella modulen eller layouten. Här väljer du också ifall du vill peka ut en bakgrundsbild. Vilka färger du har att välja på beror på de färger som finns uppsatta på webbplatsen, vilka färger din behörighet kommer åt och vilka färger modulen tilldelats.
Väljer du att peka ut en bakgrundsbild till din modul får du göra storleksinställningar direkt under egenskaperna för den aktuella modulen. En ny vy visas där du får välja bild.
Här ställs storleken på bakgrundsbilden in med CSS. Det finns följande alternativ:
Här ställer du in hur du vill placera bilden, där standard är Uppåt - vänster. Det finns följande alternativ:
Här justerar du om bilden ska upprepas och på vilket sätt. Följande alternativ finns:
Här kan du välja om modulen eller layouten ska ha kantlinje och om den såfall ska vara runt om (det vill säga topp, nedåt, höger och vänster) eller bara enstaka kantlinjer. Därefter kan du välja typ, färg och tjocklek.
Om du väljer Enstaka kantlinjer kan du välja vilken kantlinje du vill lägga till genom att bocka i en eller flera kryssrutor. Därefter får du ställa in typ, färg och tjocklek.
För att ställa in ytterligare en kantlinje, exempelvis Kantlinje topp, bocka i den rutan..
För att ta bort kantlinjer, välj alternativet "Inga kantlinjer".
Om inställningarna i gränssnittet inte räcker till så går det sätta upp egna CSS-klasser på webbplatsen. CSS-klassnamnen kan du sedan peka ut mot modulen eller layouten för att påverka modulens utseende eller funktion. Du kan också skriva in egna stilmappar i fältet Egen stil.
De inlänkade klassnamnen måste finnas definierade på webbplatsen och alternativet visas endast om dessa finns uppsatta och tillgängliga. För att märka upp en modul med ett css-klassnamn så klickar du på välj. En dialog öppnas upp med de CSS-klassnamn som finns lagrade på webbplatsen.
För att avaktivera den egna stilen på modulen klickar du på krysset intill CSS-klassnamnet, så tas den bort.