You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
koffice-i18n/koffice-i18n-nl/docs/koffice/kexi/designingforms.docbook

1702 lines
61 KiB

<!--
<!DOCTYPE chapter PUBLIC "-//KDE//DTD DocBook XML V4.2-Based Variant V1.1//EN" "dtd/kdex.dtd">
-->
<sect1 id="designing-forms">
<title
>Formulieren ontwerpen</title>
<sect2 id="most-important-terms">
<title
>Belangrijkste termen</title>
<glosslist>
<glossentry id="gloss-form">
<glossterm
>Formulier</glossterm>
<glossdef>
<para
>Een venster waarin u op een gemakkelijke manier gegevens kunt invoeren en weergeven. </para>
</glossdef>
</glossentry>
<glossentry id="gloss-form-data-source">
<glossterm
>Gegevensbron van het formulier</glossterm>
<glossdef>
<para
>Databasetabel of query die de gegevens levert die in het formulier getoond worden. De gegevensbron is nodig omdat formulieren slechts <emphasis
>hulpmiddelen</emphasis
> zijn om de gegevens te tonen of in te vullen, terwijl tabellen en query's de bron van de gegevens zijn. Aan nieuwe, lege formulieren is nog geen gegevensbron toegewezen, daarom tonen ze de gegevens uit de database pas als u er een gegevensbron aan toewijst. </para>
</glossdef>
</glossentry>
<glossentry id="gloss-form-field">
<glossterm
>Formulierveld</glossterm>
<glossdef>
<para
>Het equivalent van een kolom in een tabel of query. Velden voor tekst en getallen worden het vaakst gebruikt. Wanneer u een nieuwe waarde invult of de bestaande waarde wijzigt, wordt de ermee verbonden kolom in een tabel of query ook gewijzigd (nadat de wijziging geaccepteerd is). </para>
</glossdef>
</glossentry>
<glossentry id="gloss-form-design">
<glossterm
>Formulierontwerp</glossterm>
<glossdef>
<para
>Taken die u uitvoert om het uiterlijk en de functies van het formulier te definiëren. Hiervoor moet u een <glossterm linkend="gloss-form-data-source"
>gegevensbron</glossterm
> toewijzen, verscheidene typen <glossterm linkend="gloss-form-field"
>formuliervelden</glossterm
> invoegen en deze op de gewenste locatie plaatsen. </para>
</glossdef>
</glossentry>
<glossentry id="gloss-form-widget">
<glossterm
>Formulierelement</glossterm>
<glossdef>
<para
>Een element op een formulier. De belangrijkste typen zijn:</para>
<itemizedlist>
<listitem>
<para
>Elementen die informatie tonen, &eg; een tekstvak of een afbeeldingsvak. Elk element van dit type kan <emphasis
>verbonden</emphasis
> worden met een veld in een gegevensbron (een kolom in een tabel of query). Daarom worden zulke elementen ook wel <glossterm linkend="gloss-form-field"
>formuliervelden</glossterm
> genoemd. </para>
</listitem>
<listitem>
<para
>Elementen die een gespecificeerde actie kunnen uitvoeren, &eg; een knop waarmee het huidige formulier gesloten kan worden. In andere toepassingen heet dit type element soms <firstterm
>besturingselement</firstterm
> omdat het een een vooraf gedefinieerde actie uitvoert die het gedrag van de databasetoepassing <emphasis
>bestuurt</emphasis
>. </para>
</listitem>
<listitem>
<para
>Andere elementen die het uiterlijk van een formulier verfraaien, bijvoorbeeld een <quote
>lijn</quote
> als scheiding tussen twee gebieden op een formulier. </para>
</listitem>
</itemizedlist>
</glossdef>
</glossentry>
<glossentry id="gloss-container-widget">
<glossterm
>Containerelement</glossterm>
<glossdef>
<para
>Een element <emphasis
>waarin</emphasis
> andere elementen geplaatst kunnen worden, bijvoorbeeld frame-elementen en tabbladelementen. Het oppervlak van een formulier is ook een container. Een knop kan niet als container dienst doen omdat het niet mogelijk is om er een ander element in te plaatsen. Containerelementen kunnen genest (in andere containerelementen geplaatst) worden, dit kan nuttig zijn voor ingewikkelde formulieren. </para>
<!--
<screenshot>
<screeninfo
>Example container widgets</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_01_widget_containers.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Example container widgets</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</glossdef>
</glossentry>
</glosslist>
</sect2>
<sect2 id="forms-versus-tables">
<title
>Formulieren contra tabellen</title>
<para
>In hoofdstuk 5.2 wordt beschreven hoe u gegevens direct in tabellen kunt invullen. In veel gevallen zijn formulieren geschikter om gegevens in te voeren: </para>
<itemizedlist>
<listitem>
<para
>Een tabel kan meer kolommen bevatten dan dat er op het scherm passen. Een formulier kan zulke gegevens tonen in de vorm van meerdere regels. </para>
</listitem>
<listitem>
<para
>Op een formulier kunt u gegevens<glossterm linkend="gloss-form-field"
>velden</glossterm
> in logische groepen splitsen zodat ze beter leesbaar worden. U kunt labels met extra informatie invoegen om de gebruikers tips te geven hoe ze het formulier moeten gebruiken of labels met informatie over de betekenis van de gegevens<glossterm linkend="gloss-form-field"
>velden</glossterm
>. </para>
</listitem>
<listitem>
<para
>Voor algemene commando's kunnen knoppen op formulieren gebruikt worden, zodat gebruikers de formulieren op een zelfde manier als een losstaande toepassing waar ze mee bekend zijn kunnen gebruiken </para>
</listitem>
<listitem>
<para
>Tekst<glossterm linkend="gloss-form-field"
>velden</glossterm
> met meerdere regels of afbeeldingen kunnen in de gegevensweergave net zo gemakkelijk weergegeven worden als op formulieren. </para>
</listitem>
</itemizedlist>
</sect2>
<sect2>
<title
>Werken met formulierontwerp</title>
<para
>Net als bij het ontwerpen van een tabel of een query kunt u zowel de <interface
>Gegevensweergave</interface
> als de <interface
>Ontwerpweergave</interface
> gebruiken. Formulieren worden in de <interface
>Ontwerpweergave</interface
> ontworpen. Vaak noemen we het venster waarin de formulieren ontworpen worden <interface
>Formulierontwerper</interface
>. </para>
<procedure>
<step>
<para
>Om een nieuw, leeg formulier te creëren kiest u <menuchoice
><guimenu
>Invoegen</guimenu
> <guimenuitem
>Formulier</guimenuitem
></menuchoice
> in het menu. U kunt ook <menuchoice
><guimenuitem
>Nieuw Formulier</guimenuitem
></menuchoice
> kiezen op de werkbalk van de <interface
>Projectnavigator</interface
> of <menuchoice
><guimenuitem
>Object aanmaken: Formulier...</guimenuitem
></menuchoice
> in het contextmenu kiezen. </para>
</step>
<step>
<para
>Er verschijnt een nieuw frame, u kunt de grootte wijzigen door de randen te verslepen. Over het formulier is een raster gelegd, zodat de elementen gemakkelijker op de juiste plaats gezet kunnen worden. </para>
<!--<screenshot>
<screeninfo
>A window with design of a new form</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_03_new_empty_form.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A window with design of a new form</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</step>
</procedure>
<para
>Het venster van <interface
>Formulierontwerp</interface
> heeft (net als tabelontwerp) een <interface
>Eigenschappen-editor</interface
>. Om ruimte te besparen op het scherm zijn er drie tabbladen met eigenschappen die gerelateerd zijn aan het formulier: </para>
<variablelist>
<varlistentry>
<term
>Het tabblad <guilabel
>Eigenschappen</guilabel
></term>
<listitem>
<para
>Bevat een lijst met eigenschappen van het geselecteerde element.</para>
</listitem>
</varlistentry>
<varlistentry>
<term
>Het tabblad <guilabel
>Gegevensbron</guilabel
> </term>
<listitem>
<para
>Bevat eigenschappen die specifiek verband houden met de <glossterm linkend="gloss-form-data-source"
>gegevensbron</glossterm
> van het geselecteerde element of van het formulier zelf. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
>Het tabblad <guilabel
>Elementen</guilabel
> </term>
<listitem>
<para
>Bevat een hiërarchische lijst van alle elementen op het formulier. Met behulp van deze lijst kunt u gemakkelijk elementen op naam zoeken en direct het juiste element vinden. </para>
</listitem>
</varlistentry>
</variablelist>
<para
>De informatie over de naam en het type van het geselecteerde element vindt u op het eerste en het tweede tabblad. </para>
<para
>Er zijn ook extra werkbalken beschikbaar:</para>
<itemizedlist>
<listitem>
<para
>De werkbalk <guilabel
>Elementen</guilabel
> bevat knoppen om nieuwe elementen op het formulier in te voegen. </para>
</listitem>
<listitem>
<para
>De werkbalk <guilabel
>Opmaak</guilabel
> wordt gebruikt om de formulierelementen op te maken (bijvoorbeeld de grootte van een element veranderen, elementen groeperen). Het menu <guimenu
>Opmaak</guimenu
> bevat ook commando's om de grootte van elementen te wijzigen. U kunt hierover meer informatie vinden in <xref linkend="formatmenu"/>. </para>
</listitem>
</itemizedlist>
</sect2>
<sect2 id="using-the-widgets-tab">
<title
>Het tabblad <guilabel
>Elementen</guilabel
> gebruiken</title>
<para
>Het tabblad <guilabel
>Elementen</guilabel
> in de <interface
>Eigenschappen-editor</interface
> toont een lijst met elementen en hun hiërarchie. Alle elementen op hetzelfde niveau in de hiërarchie staan bij elkaar. De namen van elementen in containerelementen zijn ingesprongen. </para>
<!--<para
>In the picture below, the form (a container) contains two widgets:
<guilabel
>groupBox2</guilabel
> and <guibutton
>options</guibutton
> command button. In
turn, <guilabel
>groupBox2</guilabel
> (being a container itself) contains two check box
widgets.
</para>
<screenshot>
<screeninfo
>Using the <quote
>Widgets</quote
> tab</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_04_widgets_tab.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Using the <quote
>Widgets</quote
> tab</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>Van elk element wordt de naam en het type vermeld. Het type is ook te zien aan een pictogram links van de naam - hetzelfde pictogram dat in ontwerpmodus op de werkbalk staat. </para>
<note>
<itemizedlist>
<listitem
>
<para
>Wanneer u op een naam in de lijst klikt, wordt het bijbehorende element op het formulier geselecteerd. Dit maakt het gemakkelijk om een element op naam te zoeken, te selecteren en daarna op het tabblad <guilabel
>Eigenschappen </guilabel
> de eigenschappen ervan te wijzigen</para>
</listitem>
<listitem>
<para
>Wanneer u de <keycap
>Ctrl</keycap
>-toets ingedrukt houdt kunt u meerdere elementen uit de lijst selecteren. Om een aantal elementen die onder elkaar staan te selecteren moet u de <keycap
>Shift</keycap
>-toets ingedrukt houden.</para>
</listitem>
<!--<listitem>
<para>
When widget is inserted, it is recommended to give it a reasonable name.
For example, <guilabel
>green</guilabel
> check box widget has been named specifically
for its meaning, using the <guilabel
>Properties</guilabel
> tab
(<guilabel
>Name</guilabel
> property has been used to do that). Such change
can make it easier to find a widget within the list.
</para>
<screenshot>
<screeninfo
>Naming the widget as <guilabel
>green</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_04_renaming_widgets.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Naming the widget as <guilabel
>green</guilabel
></phrase>
</textobject>
</mediaobject>
</screenshot>
</listitem
>-->
</itemizedlist>
</note>
<para
>Het is nuttig, maar niet verplicht, om de elementen duidelijke namen te geven. De naam van een element ie een eigenschap die niet zichtbaar is voor de gebruiker van het formulier. Gebruikers van het formulier zien alleen de tekst die door de eigenschap <varname
>Tekst</varname
> bepaald wordt. </para>
</sect2>
<sect2 id="inserting-widgets-text-fields">
<title
>Elementen invoegen - tekstvelden</title>
<para
>Als voorbeeld maken we een formulier dat informatie geeft over personen, in dit geval een formulier dat verbonden is met de tabel <literal
>Personen</literal
>. </para>
<para
>Als het formulier gegevens uit een database moet weergeven, moet u de juiste <glossterm linkend="gloss-form-field"
>velden</glossterm
> op het formulier plaatsen. Hiervoor kunt u de knoppen op de werkbalk <guilabel
>Elementen</guilabel
> gebruiken, elke knop correspondeert met één enkel type element. </para>
<procedure>
<step>
<para
>Klik op de knop <guibutton
>Tekstvak</guibutton
> op de werkbalk <guilabel
>Elementen</guilabel
>. </para>
</step>
<step>
<para
>Klik op het formulier met de <mousebutton
>linker</mousebutton
>muisknop. Er wordt een nieuw tekstveld op de plaats waar u geklikt hebt geplaatst. Wanneer u een rechthoek tekent met de muis de voordat u de muisknop loslaat, kunt u de gewenste grootte van het element op het formulier bepalen. </para>
</step>
<step>
<para
>Als u het element wilt verplaatsen, klikt u erop en sleept u het met de muis naar de gewenste plaats. U kunt de grootte van het element wijzigen door één van de handvatten te verslepen. De handvatten zijn alleen zichtbaar als het element geselecteerd is, als u een ander element selecteert of op een lege plaats op het formulier klikt, verdwijnen de handvatten. </para>
</step>
<step>
<para
>Klik nogmaals op de knop <guibutton
>Tekstvak</guibutton
> op de werkbalk en klik daarna op- het formulier om een tweede element in te voegen. Herhaal dit nog een keer tot u drie tekstvakken op het formulier hebt. Om het eenvoudig te houden beperken we ons tot drie gegevens<glossterm linkend="gloss-form-field"
>velden</glossterm
>. </para>
</step>
</procedure>
<note>
<itemizedlist>
<listitem>
<para
>In de ontwerpmodus is er een contextmenu beschikbaar, dat geopend kan worden door met de <mousebutton
>rechter</mousebutton
>muisknop op een element of op het formulier te klikken. Het menu bevat de commando's <guimenuitem
>Knippen</guimenuitem
>, <guimenuitem
>Kopiëren</guimenuitem
>, <guimenuitem
>Plakken</guimenuitem
>, <guimenuitem
>Verwijderen</guimenuitem
> en andere, sommige met submenu's. Veel van de commando's zijn ook op de <guilabel
>menubalk</guilabel
> te vinden, voornamelijk bij <guimenuitem
>Bewerken</guimenuitem
>. Voor deze commando's zijn ook sneltoetsen beschikbaar. Sommige commando's zijn alleen beschikbaar voor bepaalde typen elementen. </para>
</listitem>
<listitem>
<para
>Met behulp van de commando's <guimenuitem
>Knippen</guimenuitem
>, <guimenuitem
>Kopiëren</guimenuitem
> en <guimenuitem
>Plakken</guimenuitem
> kunt u elementen verplaatsen of kopiëren naar andere formulieren en zelfs naar andere databaseprojecten. </para>
</listitem>
<listitem>
<para
>Wanneer u de <keycap
>Ctrl</keycap
>-toets ingedrukt houdt terwijl u op een element klikt, kunt u meerdere elementen selecteren. </para>
</listitem>
<listitem>
<para
>Als u een kopie van een element op het formulier wilt maken, kunt u in plaats van <guimenuitem
>Kopiëren</guimenuitem
> en <guimenuitem
>Plakken</guimenuitem
> de <keycap
>Ctrl</keycap
>-toets ingedrukt houden terwijl u het element met de muis versleept. Wanneer u de <keycap
>Ctrl</keycap
>-toets loslaat, wordt het element niet verplaatst, maar wordt er een kopie van het element op de cursorpositie geplaatst. </para>
</listitem>
</itemizedlist>
</note>
</sect2>
<sect2 id="assigning-data-sources">
<title
>Gegevensbronnen toewijzen</title>
<para
>Aan de <glossterm linkend="gloss-form-field"
>velden</glossterm
> die u ingevoegd hebt, is nog geen <emphasis
>gegevensbron</emphasis
> toegewezen, ze kunnen dus nog geen informatie uit de database weergeven. Om een gegevensbron toe te wijzen gebruiken we het tabblad <guilabel
>Gegevensbron</guilabel
> in het paneel <interface
>Eigenschappen</interface
>. </para>
<para
>Allereerst moet de <glossterm linkend="gloss-form-data-source"
>gegevensbron</glossterm
> van het formulier gespecificeerd worden, dat wil zeggen, de locatie waar de gegevens vandaan gehaald zullen worden. In dit geval gebruiken we de tabel <literal
>Personen</literal
> als <glossterm linkend="gloss-form-data-source"
>gegevensbron</glossterm
> voor het nieuwe formulier. </para>
<procedure>
<step>
<para
>Klik op een lege plaats op het formulier om te zorgen dat de eigenschappen van het formulier gewijzigd worden.</para>
</step>
<step>
<para
>Schakel over naar het tabblad <guilabel
>Gegevensbron</guilabel
> en typ de tabelnaam <literal
>personen</literal
> in bij <guilabel
>Gegevensbron formulier</guilabel
> of klik op de de naam in de keuzelijst. </para>
<!--<screenshot>
<screeninfo
>Entering <glossterm linkend="gloss-form-data-source"
>form's data source</glossterm
> name</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_05_entering_form_data_source.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Entering <glossterm linkend="gloss-form-data-source"
>form's data source</glossterm
> name</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</step>
</procedure>
<para
>U hebt nu de <glossterm linkend="gloss-form-data-source"
>gegevensbron</glossterm
> voor het formulier toegewezen. Nu moeten de gegevensbronnen voor de verschillende elementen nog gespecificeerd worden. </para>
<procedure>
<step>
<para
>Klik op het eerste tekstveld, bovenin het formulier.</para>
</step>
<step>
<para
>Typ de veldnaam <varname
>naam</varname
> bij <guilabel
>gegevensbron</guilabel
> (op het tabblad <guilabel
>Gegevensbron</guilabel
> in het eigenschappenpaneel) of klik op deze naam in de keuzelijst. </para>
<!--<screenshot>
<screeninfo
>Entering widget's data source name</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_05_entering_text_field_data_source.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Entering widget's data source name</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</step>
<step>
<para
>Klik op het volgende tekstveld en typ <varname
>achternaam</varname
> voor de gegevensbron.</para>
</step>
<step>
<para
>Op dezelfde manier wijst u gegevensbronnen toe aan de <glossterm linkend="gloss-form-field"
>velden</glossterm
> <varname
>straat</varname
>, <varname
>huisnummer</varname
> en <varname
>plaats</varname
>. </para>
</step>
</procedure>
<para
>U kunt nu het formulierontwerp opslaan (u kunt het formulier wel testen als het nog niet opgeslagen is). Klik op <guilabel
>Wijzigingen in objecten opslaan</guilabel
> op de werkbalk of gebruik het menu <menuchoice
><shortcut
><keycombo action="simul"
><keycap
>Ctrl</keycap
><keycap
>S</keycap
></keycombo
></shortcut
> <guimenu
>Bestand</guimenu
><guimenuitem
>Opslaan</guimenuitem
></menuchoice
>. Bij het opslaan wordt een naam voor het formulier gevraagd. Typ <literal
>Personen</literal
> voor de formuliernaam en klik op <guibutton
>OK</guibutton
>. De formuliernaam wordt automatisch bij de eigenschappen ingevuld. </para>
<para
>U wilt nu waarschijnlijk het formulier testen. Klik op <guibutton
>Overschakelen naar gegevensweergave</guibutton
> op de werkbalk. Als de gegevensbronnen correct zijn toegewezen, ziet u de de gegevens uit de tabel <literal
>personen</literal
> in de <glossterm linkend="gloss-form-field"
>formuliervelden</glossterm
>. </para>
<!--<screenshot>
<screeninfo
>The <literal
>Persons</literal
> form in data view after inserting text fields and assigning data sources</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_06_form_with_text_fields.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>The <literal
>Persons</literal
> form in data view after inserting text fields and assigning data sources</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<note>
<itemizedlist>
<listitem>
<para
>Als u de toewijzing van een <glossterm linkend="gloss-form-data-source"
>gegevensbron</glossterm
> voor een element wilt verwijderen, klikt u op <guibutton
>Gegevensbron van element wissen</guibutton
> bij de keuzelijst <guilabel
>Bronveld</guilabel
>. Om de toewijzing van de gegevensbron voor het formulier te verwijderen, klikt u op <guibutton
>Gegevensbron wissen</guibutton
> bij de keuzelijst <guilabel
>Gegevensbron formulier</guilabel
>. </para>
</listitem>
<listitem>
<para
>Klik op <guibutton
>Ga naar geselecteerde gegevensbron</guibutton
> om de bijbehorende tabel of query in de <interface
>Projectnavigator</interface
> te selecteren. Op deze manier kunt u snel de tabel of query openen die als <glossterm linkend="gloss-form-data-source"
>gegevensbron</glossterm
> aan het formulier is toegewezen. </para>
</listitem>
</itemizedlist>
<!-- TODO: mention about creating Auto Fields by using drag & drop -->
</note>
</sect2>
<sect2 id="inserting-text-labels">
<title
>Tekstlabels invoegen</title>
<para
>Om het voor de gebruiker van het formulier gemakkelijker te maken om de bedoeling van de velden te zien, kunt u er tekstlabels met een duidelijke omschrijving aan toevoegen. Hiervoor gebruikt u het element <literal
>Label</literal
>. </para>
<para
>Voeg drie tekstlabels in op het formulier, links van de drie tekstvakken (of rechts als de tekstrichting van rechts naar links loopt). Wanneer een tekstlabel ingevoegd wordt, verschijnt er een tekstcursor op de plaats waar u de gewenste naam kunt typen. Geef de tekstlabels de volgende namen: <literal
>Naam</literal
>, <literal
>Achternaam</literal
> en <literal
>Straat</literal
>. Voeg bovenaan het formulier ook een tekstlabel in met de naam van het formulier: <literal
>Personen</literal
>. Maak dit label groter kies <menuchoice
><guimenu
>Opmaak</guimenu
> <guimenuitem
>Lettertype...</guimenuitem
></menuchoice
> om de tekst groter te zetten. </para>
<!--<screenshot>
<screeninfo
>Ready to use form after adding text labels</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_06_form_with_labels.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Ready to use form after adding text labels</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</sect2>
<sect2 id="actions">
<title
>Acties</title>
<para
>Een <literal
>actie</literal
> is één handeling in de toepassing die de gebruiker kan uitvoeren. De handeling kan ook automatisch uitgevoerd worden als reactie op een bepaalde gebeurtenis, (bijvoorbeeld na het openen van een formulier). </para>
<sect3 id="assigning-actions-to-form-buttons">
<title
>Acties aan knoppen toewijzen</title>
<para
>Er kunnen allerlei acties aan knoppen toegewezen worden. De toegewezen actie wordt uitgevoerd nadat er op de knop is geklikt. </para>
<para
>Een actie toewijzen:</para>
<procedure>
<step>
<para
>Schakel over naar de <interface
>Ontwerpweergave</interface
>.</para>
</step>
<step>
<para
>Selecteer de knop door erop te klikken, voeg eventueel eerst een nieuwe knop in. Geef de knop een naam en druk op de <keycombo action="press"
><keycap
>Enter</keycap
></keycombo
>-toets. </para>
</step>
<step>
<para
>Klik met de <mousebutton
>rechter</mousebutton
>muisknop op de knop om het contextmenu te openen. </para>
</step>
<step>
<para
>Kies <guimenuitem
>Actie toewijzen...</guimenuitem
> in het contextmenu. </para>
</step>
<step>
<para
>Het dialoogvenster <guilabel
>Actie toewijzen aan opdrachtknop</guilabel
> wordt geopend, hierin staat een lijst met beschikbare acties. Als er een actie aan de knop is toegewezen, is deze geselecteerd. Anders is in de keuzelijst <guilabel
>Actietype</guilabel
> het item <guilabel
>Geen type</guilabel
> geselecteerd. </para>
</step>
<step>
<para
>Selecteer het item <guilabel
>Toepassing</guilabel
> in de keuzelijst <guilabel
>Actietype</guilabel
>. Er verschijnt een lijst met alle beschikbare acties in de toepassing. </para>
</step>
<step>
<para
>Kies één van de acties (bijvoorbeeld <guilabel
>Rij verwijderen</guilabel
>).</para>
</step>
<step>
<para
>Klik op <guibutton
>OK</guibutton
> of druk op de <keycombo action="press"
> <keycap
>Enter</keycap
></keycombo
>-toets om uw keuze te accepteren. </para>
</step>
</procedure>
<!--<screenshot>
<screeninfo
>Assigning <guilabel
>Delete Row</guilabel
> action to a form's button</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_07_assigning_action_to_button.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Assigning <guilabel
>Delete Row</guilabel
> action to a form's button</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>Als u wilt testen of de actie werkt, moet u overschakelen naar de <emphasis
>gegevensweergave</emphasis
>. Als u bijvoorbeeld de actie <guilabel
>Rij verwijderen</guilabel
> hebt toegewezen en u klikt op de knop, wordt de huidige rij uit de database verwijderd op dezelfde manier als wanneer u <menuchoice
><shortcut
> <keycombo action="simul"
><keycap
>Ctrl</keycap
><keycap
>Delete</keycap
> </keycombo
></shortcut
><guimenu
>Bewerken</guimenu
><guimenuitem
>Rij verwijderen</guimenuitem
></menuchoice
> in het menu kiest (afhankelijk van de instellingen kan er een vraag om bevestiging volgen). </para>
<note>
<itemizedlist>
<listitem>
<para
>Om een toegewezen actie te verwijderen, kiest u <guilabel
>Geen actie</guilabel
> in de keuzelijst <guilabel
>Actietype</guilabel
> in het dialoogvenster <guilabel
>Actie toewijzen aan opdrachtknop</guilabel
>. </para>
</listitem>
<listitem>
<para
>Acties werken alleen in de <emphasis
>gegevensweergave</emphasis
> van een formulier. Niet alle acties zijn zinvol, in de gegevensweergave is bijvoorbeeld <guimenuitem
>Lettertype...</guimenuitem
> niet beschikbaar (vooropgesteld dat er geen geselecteerde elementen in ontwerpweergave zijn), wijzigingen aan het lettertype hebben geen effect in de gegevensweergave. </para>
</listitem>
</itemizedlist>
</note>
</sect3>
</sect2>
<sect2 id="widget-layouts">
<title
>Elementen-layouts</title>
<para
>In veel gevallen moeten de elementen overzichtelijk geplaatst en uitgelijnd worden. U kunt de elementen handmatig verplaatsen, uitlijnen en van grootte veranderen, maar dit is arbeidsintensief. Wanneer een gebruiker de grootte van het formulier verandert, wordt geen rekening gehouden met de plaats van de elementen. Bovendien kunt u niet bepalen hoeveel ruimte een formulier nodig heeft, omdat gebruikers met andere schermindelingen en resoluties werken. </para>
<!--
<para>
The following example presents a form where text fields and labels were
placed by hand. Some of them cannot fit in the form's window.
</para>
<screenshot>
<screeninfo
>An example form with widgets that cannot not fit in the window</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_no_fit.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>An example form with widgets that cannot not fit in the window</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>Er is een speciaal hulpmiddel waarmee u de elementen op een formulier automatisch kunt indelen: elementen-layout. Hiermee kunt u twee of meer elementen groeperen, zodat deze op de juiste plaats staan en de juiste grootte hebben. </para>
<para
>Met elementen-layouts wordt het uitlijnen gemakkelijker, tekstvelden staan dichter bij elkaar en de afstand tussen de elementen is overal hetzelfde. </para>
<!--<screenshot>
<screeninfo
>Example form with layout used</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_well_fit.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Example form with layout used</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>Er zijn twee manieren om elementen-layout te gebruiken.</para>
<itemizedlist>
<listitem>
<para
>Selecteer twee of meer elementen die u wilt groeperen en kies een layout in het contextmenu bij <guilabel
>Element-leyout activeren</guilabel
>. </para>
</listitem>
<listitem>
<para
>Klik op een containerelement (of op het formulier), en kies een layout in het contextmenu bij "Element-leyout activeren". Alle elementen in de container of op het formulier krijgen dezelfde layout. </para>
</listitem>
</itemizedlist>
<para
>In elk van deze gevallen kunt u ook het menu <menuchoice
><guimenu
>Opmaak</guimenu
><guimenuitem
>Elementen-layout activeren</guimenuitem
></menuchoice
> kiezen. </para>
<!--<screenshot>
<screeninfo
>Selecting widgets that will be put into a layout</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_layout_selecting.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Selecting widgets that will be put into a layout</phrase>
</textobject>
</mediaobject>
</screenshot>
<screenshot>
<screeninfo
>Four widgets are selected</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_layout_selected.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Four widgets are selected</phrase>
</textobject>
</mediaobject>
</screenshot>
<screenshot>
<screeninfo
>Using the context menu for putting the widgets into a grid layout</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_layout_popup.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Using the context menu for putting the widgets into a grid layout</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>Elementen-layouts zijn in de ontwerpweergave herkenbaar aan een rechthoek met een blauwe, groene of rode stippellijn. </para>
<!--<screenshot>
<screeninfo
>Widgets within a grid layout</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_layout_grid.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Widgets within a grid layout</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>De elementen-layout kan op het raster afgestemd worden, maar er zijn ook andere mogelijkheden.</para>
<variablelist>
<varlistentry>
<term
>verticaal</term>
<listitem>
<para
>Verticale elementen-layout</para>
<!--<screenshot>
<screeninfo
>Vertical widget layout</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_layout_vertical.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Vertical widget layout</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</listitem>
</varlistentry>
<varlistentry>
<term
>horizontaal</term>
<listitem>
<para
>Horizontale elementen-layout</para>
<!--<screenshot>
<screeninfo
>Horizontal widget layout</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_layout_horizontal.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Horizontal widget layout</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</listitem>
</varlistentry>
<!-- TODO podzia poziomy / pionowy
<br
><img src="img/05_04_08_form_layout_vertical_splitter.png">
<br
><br>
<br
><img src="img/05_04_08_form_layout_horizontal_splitter.png">
<br
><br>
</li
> -->
</variablelist>
<sect3 id="springs-in-widget-layouts">
<title
>Vering in elementen-layouts</title>
<para
><emphasis
>Vering</emphasis
> in elementen-layouts is een speciaal, onzichtbaar element waarmee de positie en de grootte van elementen in een layout bijgesteld kan worden. Met behulp van vering kan een element uitgerekt of samengedrukt worden. Vering kan aan de boven-, onder, linker, of rechterkant van een element geplaatst worden, zodat het element de gewenste grootte en positie blijft houden. </para>
<para
>Vering gebruiken:</para>
<procedure>
<step>
<para
>Klik op het vering-pictogram op de werkbalk <guilabel
>Elementen</guilabel
>. </para>
</step>
<step>
<para
>Klik op het formulier op de de plaats waar de vering ingevoegd moet worden. </para>
</step>
</procedure>
<!--<para>
For the following example, the spring has been inserted on the left
hand of the text label "Persons". The label is thus displayed on the
right hand of the form. To make the spring work, it has been put into
a common horizontal layout with the label.
</para>
<screenshot>
<screeninfo
>Horizontal layout containing a spring and a text label</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_spring.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Horizontal layout containing a spring and a text label</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>Vering werkt alleen in een globale layout, dat wil zeggen een layout voor het formulier. De vering gebruikt de rand van het formulier om de elementen uit te rekken of samen te drukken. </para>
</sect3>
<!--
TODO: The entire text in this section is built around a screenshot
example, so it's commented out for now.
<sect3 id="advanced-widget-layouts">
<title
>Advanced widget layouts</title>
<para>
Widget layouts can be combined (or nested). On the following example
you can identify two nested layouts:
</para>
<orderedlist>
<listitem>
<para>
Horizontal layout with a spring, aligning the <literal
>Persons</literal>
text label to the right.
</para>
</listitem>
<listitem>
<para
>Grid layout grouping widgets on the whole form.</para>
</listitem>
</orderedlist>
<screenshot>
<screeninfo
>Two widget layouts combined: horizontal layout inside of a grid layout</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_advanced_layout.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Two widget layouts combined: horizontal layout inside of a grid layout</phrase>
</textobject>
</mediaobject>
</screenshot>
<para>
The horizontal layout is treated in the example as a single widget by
the grid layout - it takes exactly one <quote
>cell</quote
> of the grid.
After opening a form designed this way in the data view, you can notice
(by resizing the form) that:
</para>
<itemizedlist>
<listitem>
<para>
<literal
>Persons</literal
> text label thanks to the spring used is constantly
aligned to the to the right side of the form.
</para>
</listitem>
<listitem>
<para>
Text fields take all of the available width thanks to putting them
into the grid layout.
</para>
</listitem>
<listitem>
<para>
All the form's widgets are pushed to the top thanks to the spring
used at the bottom of the form.
</para>
</listitem>
</itemizedlist>
<screenshot>
<screeninfo
>The form using the two layouts displayed in data view</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_08_form_advanced_layout_view.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>The form using the two layouts displayed in data view</phrase>
</textobject>
</mediaobject>
</screenshot>
</sect3
>-->
<sect3 id="removing-widget-layouts">
<title
>Elementen-layouts verwijderen</title>
<para
>Wanneer u de layout wilt verwijderen zonder dat de elementen verwijderd worden, moet u één van de volgende manieren gebruiken: </para>
<itemizedlist>
<listitem>
<para
>Klik met de <mousebutton
>rechter</mousebutton
>muisknop op de rand van de layout en kies <guimenuitem
>Layout opheffen</guimenuitem
> in het contexmenu. </para>
</listitem>
<listitem>
<para
>Klik met de <mousebutton
>linker</mousebutton
>muisknop op de rand van de layout en kies het menu <menuchoice
><guimenu
>Opmaak</guimenu
> <guimenuitem
>Layout opheffen</guimenuitem
></menuchoice
>. </para>
</listitem>
</itemizedlist>
<note>
<para
>Als u het menu <guimenuitem
>Layout opheffen</guimenuitem
> kiest, worden de elementen in de layout niet verwijderd. Als u de elementen ook wilt verwijderen, klikt u op de rand van de layout en drukt u daarna op de <keycap
>Delete</keycap
>-toets of kiest u <menuchoice
><guimenu
>Bewerken</guimenu
> <guimenuitem
>Verwijderen</guimenuitem
></menuchoice
> in het menu of in het contextmenu. </para>
</note>
</sect3>
<sect3 id="size-policies-for-widgets-within-a-layout">
<title
>Variabele afmetingen van elementen in een layout</title>
<para
>U kunt de elementen een vaste grootte geven, maar in &kexi; kunt u ook kiezen uit verscheidene andere manieren om de grootte van elementen in te stellen. <emphasis
>Variabele afmetingen</emphasis
> bieden een flexibele methode om te bepalen hoeveel een element uitgerekt (of samengedrukt) wordt, afhankelijk van naastgelegen elementen en de beschikbare ruimte op het formulier. </para>
<para
>Nadat u een <emphasis
>layout</emphasis
> voor de elementen geactiveerd hebt, krijgt elk element een proportionele (<guilabel
>Voorkeur</guilabel
>) variabele afmeting. De grootte van deze elementen wordt automatisch gewijzigd, afhankelijk van het type en de afmetingen van de layout. Bijvoorbeeld: De grootte van drie knoppen in een horizontale layout zal zo gewijzigd worden, dat de zichtbare tekst er precies op past. </para>
<para
>In de <interface
>Eigenschappen-editor</interface
> kunt u voor elk element de variabele afmetingen instellen. Deze instellingen staan bij elkaar in de groep eigenschappen <guilabel
>Variabele afmetingen</guilabel
>. </para>
<!--<screenshot>
<screeninfo
>A group of properties for defining a widget's size policy</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_09_size_policy_properties.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A group of properties for defining a widget's size policy</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>Deze groep eigenschappen bevat:</para>
<variablelist>
<varlistentry>
<term
><guilabel
>Horizontaal variabel afmetingen</guilabel
></term>
<listitem>
<para
>bepalen de horizontale grootte van het element,</para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Verticaal variabele afmetingen</guilabel
></term>
<listitem>
<para
>bepalen de verticale grootte van het element,</para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Horizontaal uitrekken</guilabel
></term>
<listitem>
<para
>bepaalt de mate waarin de <guilabel
>Horizontaal variabele afmetingen</guilabel
> beïnvloed worden, </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>verticaal uitrekken</guilabel
></term>
<listitem>
<para
>bepaalt de mate waarin de <guilabel
>Verticaal variabele afmetingen</guilabel
> beïnvloed worden </para>
</listitem>
</varlistentry>
</variablelist>
<sect4>
<title
>Waarden van variabele afmetingen</title>
<para
>De volgende waarden zijn beschikbaar in de keuzelijst bij <guilabel
>Horizontaal variabele afmetingen</guilabel
> en <guilabel
>Verticaal variabele afmetingen</guilabel
> in de <interface
>Eigenschappen-editor</interface
>: </para>
<variablelist>
<varlistentry>
<term
><guilabel
>Vast</guilabel
></term>
<listitem>
<para
>deze waarde betekent dat de afmetingen van het element niet automatisch gewijzigd kunnen worden; de afmetingen (breedte of hoogte), die tijdens het ontwerpen gedefinieerd zijn, blijven behouden, </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Minimum</guilabel
></term>
<listitem>
<para
>deze waarde betekent dat de oorspronkelijke grootte van het element als minimale grootte wordt ingesteld, de afmetingen voldoen en het is niet nodig om het element groter te maken, maar zodra het nodig is, wordt het element groter gemaakt. Dit type van variabele afmetingen kan worden gebruikt om het element tot de totale breedte of hoogte te vergroten, in het bijzonder als u de uitrekwaarde op groter dan 0 instelt. </para>
<!--<screenshot>
<screeninfo
>Text field and two buttons within a grid layout (Minimum horizontal size policy is set for both buttons, so these are slightly wider than needed)</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_09_size_policy_minimum.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Text field and two buttons within a grid layout (Minimum horizontal size policy is set for both buttons, so these are slightly wider than needed)</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Maximum</guilabel
></term>
<listitem>
<para
>deze waarde betekent dat de oorspronkelijke grootte van het element als maximale grootte wordt ingesteld en dat het element kleiner gemaakt kan worden, zonder dat het onbruikbaar of onleesbaar wordt, als andere elementen meer ruimte nodig hebben, </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Voorkeur</guilabel
></term>
<listitem>
<para
>deze waarde betekent dat de oorspronkelijke grootte van het element het beste is en de voorkeur heeft; het element kan echter groter of kleiner gemaakt worden en het zal leesbaar blijven, </para>
<!--<screenshot>
<screeninfo
>Text field and two buttons within a grid layout (Preferred horizontal size policy is set for both buttons)</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_09_size_policy_preferred.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Text field and two buttons within a grid layout (Preferred horizontal size policy is set for both buttons)</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Toenemend</guilabel
></term>
<listitem>
<para
>deze waarde betekent dat de oorspronkelijke grootte van het element redelijk is, maar het element kan kleiner gemaakt worden; het kan ook zo groter gemaakt worden om zo veel mogelijk ruimte in te nemen, </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Minimum toenemend</guilabel
></term>
<listitem>
<para
>deze waarde betekent dat de oorspronkelijke grootte van het element toegestaan is; het kan groter gemaakt worden om zo veel mogelijk ruimte in te nemen, </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><guilabel
>Genegeerd</guilabel
></term>
<listitem>
<para
>deze waarde betekent dat de oorspronkelijke grootte van het element genegeerd wordt; het element kan groter gemaakt worden om zo veel mogelijk ruimte in te nemen, maar andere elementen maken dat gewoonlijk niet mogelijk </para>
</listitem>
</varlistentry>
</variablelist>
<para
>Verschillende typen elementen hebben ook verschillende standaarden voor de variabele afmetingen; knoppen hebben bijvoorbeeld als standaard dat de variabele afmetingen ingesteld zijn op <guilabel
>Minimum</guilabel
> (in beide richtingen), terwijl voor tekstvakken de verticaal variabele afmetingen ingesteld zijn op <guilabel
>Vast</guilabel
>. </para>
<para
>De meestgebruikte variabele afmetingen zijn <guilabel
>Voorkeur</guilabel
>, <guilabel
>Minimum</guilabel
> en <guilabel
>Maximum</guilabel
>. </para>
</sect4>
<sect4>
<title
>Verticaal en horizontaal uitrekken</title>
<para
>De eigenschappen <guilabel
>Verticaal uitrekken</guilabel
> en <guilabel
>Horizontaal uitrekken</guilabel
> accepteren waarden die groter dan of gelijk aan 0 zijn (de waarde moet een heel getal zijn). Met behulp van deze eigenschappen kunt u het gedrag van variabele afmetingen preciezer instellen. De standaardwaarden voor beide eigenschappen is 0. Een hogere waarde voor het uitrekken betekent dat het element meer vergroot wordt dan elementen waarvoor een lagere waarde ingesteld is. </para>
<!--<screenshot>
<screeninfo
>Size of button widgets affected by setting Vertical Stretch property of the second button to 1</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_09_size_policy_vertical_stretch.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Size of button widgets affected by setting Vertical Stretch property of the second button to 1</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</sect4>
</sect3>
</sect2>
<sect2 id="setting-widgets-size-and-position-by-hand">
<title
>Afmetingen en positie van elementen handmatig instellen</title>
<para
>In het geval dat uw formulier geen layout heeft waarmee de positie en de afmetingen automatisch ingesteld worden, wilt u waarschijnlijk de positie en afmetingen van elementen handmatig instellen om het formulier overzichtelijker te maken. De formulierontwerper van &kexi; maakt dit gemakkelijker door middel van de volgende groep commando's: </para>
<itemizedlist>
<listitem>
<para
>De afmetingen van geselecteerde elementen aanpassen. De commando's hiervoor zijn beschikbaar bij <menuchoice
><guimenu
>Opmaak</guimenu
><guisubmenu
>Grootte van elementen aanpassen</guisubmenu
></menuchoice
> op de <guilabel
>menubalk</guilabel
> en in het contextmenu bij <menuchoice
><guisubmenu
>Grootte van elementen aanpassen</guisubmenu
></menuchoice
>. U kunt ook op de knop <guibutton
>Grootte van elementen aanpassen</guibutton
> op de werkbalk klikken. </para>
<variablelist>
<varlistentry>
<term
><!--<img src="img/aofit.png" class="icon"
>--><guilabel
>Passend</guilabel
></term>
<listitem>
<para
>De grootte van de geselecteerde elementen wordt zo gewijzigd, dat elk element precies groot genoeg voor de inhoud ervan is, de grootte van een label wordt bijvoorbeeld aangepast aan de tekst. De positie van de elementen wordt niet gewijzigd. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aogrid.png" class="icon"
>--><guilabel
>Aan raster</guilabel
></term>
<listitem>
<para
>De grootte van de geselecteerde elementen wordt zo gewijzigd, dat de hoekpunten van elk element op een rasterpunt van het formulier (of van een andere container) worden geplaatst. De positie van het element kan iets gewijzigd worden. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aoshortest.png" class="icon"
>--><guilabel
>Aan kortste</guilabel
></term>
<listitem>
<para
>De hoogte van de geselecteerde elementen worden zo gewijzigd, dat ze allemaal dezelfde hoogte hebben als de kortste. De positie van de elementen wordt niet gewijzigd. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aotallest.png" class="icon"
>--><guilabel
>Aan langste</guilabel
></term>
<listitem>
<para
>De hoogte van de geselecteerde elementen worden zo gewijzigd, dat ze allemaal dezelfde hoogte hebben als de langste. De positie van de elementen wordt niet gewijzigd. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aonarrowest.png" class="icon"
>--><guilabel
>Aan smalste</guilabel
></term>
<listitem>
<para
>De breedte van de geselecteerde elementen worden zo gewijzigd, dat ze allemaal dezelfde hoogte hebben als de smalste. De positie van de elementen wordt niet gewijzigd. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aowidest.png" class="icon"
>--><guilabel
>Aan breedste</guilabel
></term>
<listitem>
<para
>De breedte van de geselecteerde elementen worden zo gewijzigd, dat ze allemaal dezelfde hoogte hebben als de breedste. De positie van de elementen wordt niet gewijzigd. </para>
</listitem>
</varlistentry>
</variablelist>
</listitem>
<listitem>
<para
>De positie van geselecteerde elementen uitlijnen. De commando's hiervoor zijn beschikbar bij <menuchoice
><guimenu
>Opmaak</guimenu
><guisubmenu
>Elementen uitlijnen</guisubmenu
></menuchoice
> op de <guilabel
>menubalk</guilabel
> en in het contextmenu bij <menuchoice
><guisubmenu
>Elementen uitlijnen</guisubmenu
> </menuchoice
>. U kunt ook op de knop <guibutton
>Elementen uitlijnen</guibutton
> op de werkbalk klikken. </para>
<variablelist>
<varlistentry>
<term
><!--<img src="img/aoleft.png" class="icon"
>--><guilabel
>Aan linkerrand</guilabel
></term>
<listitem>
<para
>De linkerranden van de geselecteerde elementen worden uitgelijnd op de linkerrand van het element dat het verst naar links staat. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aoright.png" class="icon"
>--><guilabel
>Aan rechterrand</guilabel
></term>
<listitem>
<para
>De rechterranden van de geselecteerde elementen worden uitgelijnd op de rechterrand van het element dat het verst naar rechts staat. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aotop.png" class="icon"
>--><guilabel
>Aan bovenrand</guilabel
></term>
<listitem>
<para
>De bovenranden van de geselecteerde elementen worden uitgelijnd op de bovenrand van het element dat het het hoogst bovenin staat. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aobottom.png" class="icon"
>--><guilabel
>Aan onderrand</guilabel
></term>
<listitem>
<para
>De onderranden van de geselecteerde elementen worden uitgelijnd op de onderrand van het element dat het het laagst onderin staat. </para>
</listitem>
</varlistentry>
<varlistentry>
<term
><!--<img src="img/aopos2grid.png" class="icon"
>--><guilabel
>Aan raster</guilabel
></term>
<listitem>
<para
>De linkerbovenhoeken van de elementen worden naar het dichtstbijzijnde rasterpunt verplaatst. </para>
</listitem>
</varlistentry>
</variablelist>
<para
>Geen van de bovenstaande commando's wijzigen iets aan de grootte van de elementen.</para>
</listitem>
</itemizedlist>
<para
>Er zijn nog andere commando's beschikbaar: <guimenuitem
>Element naar voorgrond verplaatsen</guimenuitem
> (vóór alle andere elementen) en <guimenuitem
>Element naar achtergrond verplaatsen</guimenuitem
> (achter alle andere elementen). Deze twee commando's worden zelden gebruikt, omdat elementen zelden op elkaar geplaatst worden (behalve wanneer een container elementen bevat). Bovendien kunt u een element ook naar de voorgrond verplaatsen door er met de muis op te klikken. </para>
</sect2>
<sect2 id="setting-the-tab-order">
<title
>De tabvolgorde instellen</title>
<para
>De focus op een element bepaalt dat dat element met het toetsenbord geactiveerd kan worden. Focus hangt samen met elementen die in de gegevensweergave van een formulier zichtbaar zijn. Er kan altijd maar één element de focus hebben. Focus wordt het vaakst gebruikt voor tekstvakken (een actief tekstvak heeft de focus). Een ander voorbeeld is een knop - wanneer de knop de focus heeft, kunt u deze met de <keycombo action="press"
><keycap
>Enter</keycap
></keycombo
>toets of met de <keycombo action="press"
><keycap
>Spatiebalk</keycap
></keycombo
> <quote
>indrukken</quote
> in plaats van er met de muis op te moeten klikken. </para>
<para
>Er zijn verscheidene methoden om elementen actief te maken (het element de focus geven): klikken met de muis, het muiswieltje bewegen terwijl de muiscursor zich boven het element bevindt, of met de <keycombo action="press"
><keycap
>Tab</keycap
></keycombo
>-toets. De laatste methode wordt vaak gebruikt omdat deze snel en gemakkelijk is. De beschikbaarheid van de methode wordt bepaald door de eigenschap <guilabel
>Focusbesturing</guilabel
> van het betreffende element. </para>
<para
>Wanneer u de focus verplaatst (elementen activeert) met behulp van de <keycombo action="press"
><keycap
>Tab</keycap
></keycombo
>-toets wordt rekening gehouden met de ingestelde tabvolgorde op het formulier. Telkens wanneer u op de <keycombo action="press"
><keycap
>Tab</keycap
></keycombo
>-toets drukt, springt de focus naar het volgende element, de tabvolgorde bepaalt de volgorde waarop de elementen geactiveerd worden.. </para>
<para
>De tabvolgorde van elementen veranderen:</para>
<procedure>
<step>
<para
>Schakel over naar de ontwerpweergave.</para>
</step>
<step>
<para
>Kies <menuchoice
><guimenu
>Bewerken</guimenu
> <guimenuitem
>Tabvolgorde bewerken...</guimenuitem
></menuchoice
> op de menubalk. Het dialoogvenster <guilabel
>Tabvolgorde bewerken</guilabel
> wordt geopend, hierin kunt u de instellingen wijzigen. </para>
<!--<screenshot>
<screeninfo
>A window for editing tab order for a form</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_11_tab_stop_dialog.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>A window for editing tab order for a form</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
<para
>Het dialoogvenster bevat een lijst met twee kolommen: in de eerste kolom staan de namen, in de tweede het type van de elementen. Voor de duidelijkheid staat het bijbehorende pictogram vóór de naam. Alleen de elementen waarvoor de <keycap
>Tab</keycap
>-toets beschikbaar is voor de focusbesturing staan in de lijst. In dit venster kunt u de tabvolgorde wijzigen, u kunt ook automatische tabvolgorde instellen. </para>
</step>
<step>
<para
>De tabvolgorde wijzigen:</para>
<itemizedlist>
<listitem>
<para
>Klik op een element in de lijst en sleep het met de muis naar de gewenste plaats (omhoog of omlaag). </para>
</listitem>
<listitem>
<para
>Klik op een element in de lijst en klik daarna op de knop <guibutton
>Omhoog verplaatsen</guibutton
> of <guibutton
>Omlaag verplaatsen</guibutton
> om het element op de gewenste positie te plaatsen. </para>
</listitem>
<listitem>
<para
>Activeer het keuzevakje <guilabel
>Tabvolgorde automatisch instellen</guilabel
>. Als deze optie ingeschakeld is, worden wijzigingen in de lijst genegeerd - &kexi; stelt de tabvolgorde automatisch in. Dit betekent dat het element linksboven (of rechtsboven als de tekstrichting van rechts naar links ingesteld is) als eerste de focus krijgt, de volgorde loopt daarna van links naar rechts (of van rechts naar links) en van boven naar beneden. </para>
<!--<screenshot>
<screeninfo
>Automatic tab order for a form</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="img/05_04_11_auto_tab_stop.png" format="PNG"/>
</imageobject>
<textobject>
<phrase
>Automatic tab order for a form</phrase>
</textobject>
</mediaobject>
</screenshot
>-->
</listitem>
</itemizedlist>
</step>
<step>
<para
>Klik op <guibutton
>OK</guibutton
> om de wijzigingen op te slaan of op <guibutton
>Annuleren</guibutton
> om de wijzigingen te negeren. </para>
</step>
</procedure>
</sect2>
</sect1>