Infolaatikko (boxPrimary)
Infolaatikon ulkoasulla on monia eri variantteja. Variantit valitaan kohdasta "Ulkoasu". Tästä tuli "boxPrimary". Myös haitarit valitaan tällä toiminnolla. Niiden ulkoasu on "accordion..."
Tähän kenttään voi kirjoittaa kaiken tekstisisällön. Otsikkotasot toimivat normaalisti. Tähän voi myös lisätä tavallisia tekstilinkkejä, luetteloita, kuvia ja taulukoita. Taulukoiden toiminta tuntuu tässä kentässä hieman hankalalta. Lisäsin tämän alle tekstiosuuden alle korostetun linkin ja sen alle toisen tekstilaatikon. Klikkaa seuraava kohta auki ja katso, mitä siellä on.
Ulkoasuhuomio: Komponenttien välillä on liikaa tyhjää tilaa. Esimerkiksi linkkikomponentti voi liittyä sitä edeltävään tekstiin.
Tässä voi jatkaa sisällön kirjoittamista nostokomponentin jälkeen. Huomaa, että tämän kentän otsikko määriteltiin erillisessä kentässä. Sen kentän täyttäminen auttaa paikallistamaan sisältöjä päivitysvaiheessa.
Infolaatikon ulkoasulla on monia eri variantteja. Variantit valitaan kohdasta "Ulkoasu". Tästä tuli "boxPrimary". Myös haitarit valitaan tällä toiminnolla. Niiden ulkoasu on "accordion..."
Tässä on jälleen yksi infolaatikko erilaisella ulkoasuvariantilla.
Infolaatikon variantti boxOutlined näyttää tältä.
Tämä sisältö on näkyvissä haitarin sisällä.
Haitarin sisällä voi olla lisää otsikoita. Tänne voi myös tehdä taulukoita tai lisätä kuvia.
sisällön nimi | sisällön kuvaus |
|---|---|
linkki | korostettu linkki, joka esitetään omalla rivillä sinisen laatikon sisällä |
dokumenttilinkki | tiedostolinkki, joka esitetään muuten kuten muutkin linkin, paitsi että tälle tulee latausikoni nuolen sijaan |
Infolaatikko-toiminnolla tehdään myös haitarit. Tämän tyyli on accordionOutlined.
Tässä on ikoniton nostobanneri. Ulkoasuvarianttina primary. Linkin lisäsin tähän "olemassaoleva linkki" -toiminnolla.
Tämä on iso ja näyttävä nosto! Kaiva dataa tietokannasta! Huomaa, että tämänkin komponentin ulkoasulla on variantteja.
Haluatko hakea uutta työtä Tilastokeskuksesta? Katso avoimet työpaikkamme! Tässä nostossa on mukana list-niminen ikoni.
Tässä kuva ei ole oikean kokoinen, mitä käy? Teksti onkin nyt tasattu vasempaan reunaan, jes! Kokeile tätä ikonilla, toimiiko?
Tämä sisältö ei näy, jos olet estänyt evästeiden käytön. Jos haluat nähdä sisällön, tarkista evästeasetuksesi.
”Tämä on kyllä jännää hommaa!”
Tähän voi lisätä tavallista tekstiä. Tämä teksti tulee sisennetyksi sitaatin alle. Tähän voisi tulla vaikka mitä. Jos tässä sisältölaatikossa käyttää tämän tekstikentän omaa sitaattimerkkiä...
se näyttää tältä
Tämä sisältö ei näy, jos olet estänyt evästeiden käytön. Jos haluat nähdä sisällön, tarkista evästeasetuksesi.