Kahden ja kolmen sarakkeen asettelun käyttäminen

Monisarakkeisen osan asettelun avulla asetteluun lisättävien komponenttien välistys ja järjestys voidaan määrittää automaattisesti.

Asettelun lisäys sivulle:

  1. Siirry sivulle, jota haluat muokata, ja varmista, että Muokkaa-kytkin on asetettu Muokkaa-asentoon.
  2. Lisää asettelu sivulle.
  3. Voit sijoittaa muuta sisältöä osan asetteluun vetämällä ja pudottamalla sisällön asetteluun.

    Asettelu korostetaan kiinteällä reunuksella ja otsikkokuvalla, jossa lukee Lisää kohde.
    Kohteen GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png kuvaus seuraa
    Kuvan GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png kuvaus

    Voit jatkaa kohteiden lisäämistä asetteluun, ja asettelu muotoilee ne sopivalla tavalla. Voit myös luoda kehittyneitä asetteluja muita osien asetteluja lisäämällä sekä lisätä komponenttiryhmiä.

    Tässä on kaksisarakkeinen asettelu, jossa käytetään kuvakomponentteja paikkamerkkeinä:


    Kohteen GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png kuvaus seuraa
    Kuvan GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png kuvaus

    Jos lisäät kohteita, ne näkyvät lisäriveinä, joissa kussakin on enintään kaksi kohdetta.

  4. Voit muokata komponenttia ja sen ulkoasua napsauttamalla sen valikkokuvaketta Komponenttivalikko-kuvake ja valitsemalla Asetukset.
  5. Yleiset-välilehdessä voit muokata asettelun yksittäisten komponenttien asetuksia.
    Komponentin nimeä napsauttamalla saat näkyviin kyseisen komponentin asetukset.
  6. Tausta-välilehdessä voit muokata asettelun tausta-asetuksia.
  7. Valitse Räätälöidyt asetukset ja määritä näytettävän sisällön muut oletusarvot.
    • Ensimmäisen sarakkeen leveys (%): määritä sarakkeen leveys prosenttiosuutena asettelun käytettävissä olevasta tilasta.

    • Toisen sarakkeen leveys (%): määritä sarakkeen leveys prosenttiosuutena asettelun käytettävissä olevasta tilasta.

    • Kolmannen sarakkeen leveys (%): määritä sarakkeen leveys prosenttiosuutena asettelun käytettävissä olevasta tilasta.

    • Vastaava katkokohta (kuvapisteinä): jos on kyseessä reagoiva sivun rakenne, joka muotoilee sisällön automaattisesti käytettävissä olevan näyttökoon muuttuessa, määritä leveys kuvapisteinä, jolloin osan asettelu vaihtelee vakiomuotoisen kaksisarakkeisen asettelun ja alla määrittämäsi Vastaava toiminta -valintojen välillä.

    • Vastaava toiminta: valitse, miten asettelu muuttuu, kun käytettävissä oleva näyttökoko on pienempi kuin vastaavan katkaisukohdan arvo.

      • Ei toimintoa: älä mukauta asettelun käyttöä.

      • Pinoa sarakkeet: järjestä kohteet ylhäältä alas yhteen sarakkeeseen siten, että ensin tulevat sarakkeen 1 kohteet, sen jälkeen sarakkeen 2 kohteet ja niin edelleen.

      • Piilota ensimmäinen sarake: piilota ensimmäisen sarakkeen sisältö, jotta muut sarakkeet saavat lisää tilaa.

      • Piilota toinen sarake: piilota toisen sarakkeen sisältö, jotta muut sarakkeet saavat lisää tilaa.

      • Piilota kolmas sarake: piilota kolmannen sarakkeen sisältö, jotta muut sarakkeet saavat lisää tilaa.

      • Piilota molemmat sarakkeet: piilota asettelun koko sisältö.

      • Siirrä toinen sarake ensimmäisen sarakkeen alle: järjestä kohteet yhteen sarakkeeseen siten, että toisen sarakkeen kohteet seuraavat ensimmäisen sarakkeen kohteita.

      • Siirrä ensimmäinen sarake toisen sarakkeen alle: järjestä kohteet yhteen sarakkeeseen siten, että ensimmäisen sarakkeen kohteet seuraavat toisen sarakkeen kohteita.