...
Skapa meddelanden med DocBook
Följande avsnitt beskriver visar med kortare exempel hur DocBook-element och attribut kan användas för att skapa meddelanden innehåll med olika utseenden.
Exempel 1 - sektion, titel och paragraf
Följande exempel använder section-elementet för att skapa ett avsnitt, följt av title- och para-elementen för avsnittets rubrik samt innehåll.
DocBook-XML:
Kodblock | ||||
---|---|---|---|---|
| ||||
<section> <title>Text som skrivs inom title-element ser ut så här vilket är lämpligt för rubriker</title> <para>Text som skrivs inom para-element ser ut så här vilket är lämpligt för löpande text.</para> <para>Tips: Genom att addera ytterligare para-element så kan text delas in i stycken för att underlätta läsningen.</para> </section> |
Presentation:
...
Exempel 2 - lista
I följande Följande exempel skapas visar ett avsnitt innehållandes en lista. Likt föregående exempel så används section-elementet för att skapa avsnittet. Listan definieras med elementet variablelist. Elementet varlistentry definierar respektive post i listan. Inom respektive varlistentry (post i listan) används elementet term, vilket formaterar till betonad text, följt av elementet varlistitem för det efterföljande innehållet.
...
Kodblock | ||||
---|---|---|---|---|
| ||||
<section> <variablelist> <varlistentry> <term>Rad 1 betonad text</term> <listitem>Rad 1 ytterligare text</listitem> </varlistentry> <varlistentry> <term>Rad 2 betonad text</term> <listitem>Rad 2 ytterligare text</listitem> </varlistentry> </variablelist> </section> |
Presentation:
...
Exempel 3 -
...
användningsfall titel, paragraf och lista
Följande exempel visar hur exempel 1 och 2 kan se ut i ett mer praktiskt användningsfall. Här skapas två avsnitt, ett avsnitt för titel rubrik och paragraf samt ett avsnitt för listan.
...
Kodblock | ||||
---|---|---|---|---|
| ||||
<section> <title>Här skriver du rubriken</title> <itemizedlist mark="bullet"> <listitem>Inom listitem-element skrivs den text som ska visas i listan</listitem> <listitem>Varje listitem-element representerar en egen rad i listan</listitem> <listitem>Här visas en länk i en punktlista: <link url="https://www.1177.se/" type="_blank">1177.se</link></listitem> <listitem>Tips: Genom att lägga till eller ta bort listitem-element så kan innehållet i listan anpassas efter behov</listitem> </itemizedlist> </section> |
Presentation
...
Exempel 5 -
...
expanderbart innehåll
Följande exempel visar ett avsnitt innehållandes en punktlista vilken kan expanderas visas och minimireas döljas via en knapp bredvid listans titel. Detta görs genom att inom title-elementet lägga till elementet emphasis med attribut attributet collapsible.
DocBook XML
Kodblock | ||||
---|---|---|---|---|
| ||||
<section> <title><emphasis role="collapsible">Text rubrik</emphasis></title> <itemizedlist mark="bullet"> <listitem>Text rad 1</listitem> <listitem>Text rad 2</listitem> <listitem>Anpassa antalet rader och innehållet i listan efter behov</listitem> </itemizedlist> </section> |
Presentation: minimeraddolt innehåll
...
Presentation: expanderadvisat innehåll
...
Exempel 6 - informationsrutor
Fortsättning…Följande exempel visar två typer av informationsrutor där respektive informationsruta innehåller ett avsnitt med en punktlista. En Informationsruta kan skapas genom att inom title-elementet lägga till elementet emphasis med antingen attributet information eller observe beroende på önskat utseende.
DocBook XML
Kodblock | ||||
---|---|---|---|---|
| ||||
<section>
<title><emphasis role="information">Viktigt inför ditt besök.</emphasis></title>
<itemizedlist mark="bullet">
<listitem>Covid-19: För att undvika smittspridning är det viktigt att du stannar hemma även vid lindriga förkylningssymptom.</listitem>
<listitem>Utför inte kraftig fysisk aktivitet eller tungt arbete innan besöket. </listitem>
<listitem>Kontakta oss före besöket om du får förhinder.</listitem>
</itemizedlist>
</section> |
Presentation
...
DocBook XML
Kodblock | ||||
---|---|---|---|---|
| ||||
<section>
<title><emphasis role="observe">Tänk på.</emphasis></title>
<itemizedlist mark="bullet">
<listitem>Läs om resor till sjukvården, <link url="https://www.skanetrafiken.se/sjukresor" type="_blank">länstrafiken.se/sjukresor</link></listitem>
<listitem>Avboka senast 24 timmar före besöket, så slipper du betala avgift.</listitem>
<listitem>Mottagningens telefontider är vardagar kl 8:00 - 10:00</listitem>
</itemizedlist>
</section> |
Presentation
...
Bokad tid utan knappar
Exempel på hur det kan se ut på en datorskärm:
...