...

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:

<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.

...

<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.

...

<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

<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

<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

<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:

...