Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.
Innehållsförteckning
minLevel1
maxLevel6
outlinefalse
typelist
printablefalse

Skapa meddelanden med DocBook

Följande avsnitt beskriver med kortare exempel hur DocBook-element kan användas för att skapa meddelanden 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
breakoutModewide
languagexml
<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 exempel skapas 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.

DocBook XML

Kodblock
breakoutModewide
languagexml
<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 - meddelande med rubrik, text samt en lista

Följande exempel visar hur exempel 1 och 2 kan se ut i ett mer praktiskt användningsfall

DocBook XML

Kodblock
breakoutModewide
languagexml
<section>
	<title>Välkommen på besök</title>
	<para>Vi har bokat tid till dig för undersökning.</para>
</section>
<section>
	<variablelist>
		<varlistentry>
			<term>Datum:</term>
			<listitem>Måndag 1 januari 2024</listitem>
		</varlistentry>
		<varlistentry>
			<term>Klockan:</term>
			<listitem>11.00</listitem>
		</varlistentry>
		<varlistentry>
			<term>Plats:</term>
			<listitem>Exempelgatan 10, Norra Exempelplan 1</listitem>
		</varlistentry>
	</variablelist>
</section>

Presentation

...

Exempel 4 - punktlista

Följande exempel visar en sektion innehållandes en punktlista med tillhörande rubrik, samt skapandet av en klickbar länk genom elementet link.

DocBook XML

Kodblock
breakoutModewide
languagexml
<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 - expanderbar titel

Följande exempel visar en punktlista som kan expanderas och minimireas via listans titel. Detta görs genom att inom title elementet lägga till elementet emphasis med attribut collapsible.

DocBook XML

Kodblock
breakoutModewide
languagexml
<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: minimerad

...

Presentation: expanderad

...

Exempel 6 - informationsrutor

Fortsättning…

Bokad tid utan knappar

Exempel på hur det kan se ut på en datorskärm:

...

Exempel på hur det kan se ut i en mobiltelefon eller på smalare skärm:

...

Image RemovedImage Added

DocBook XML-kod för meddelandet:

...