| Server IP : 121.121.20.254 / Your IP : 216.73.216.202 Web Server : Microsoft-IIS/10.0 System : Windows NT WEB-SERVER 10.0 build 20348 (Windows Server 2022) AMD64 User : IUSR ( 0) PHP Version : 8.3.28 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Program Files/LibreOffice/help/en-US/text/shared/02/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<base href="../../../../">
<noscript><meta http-equiv="refresh" content="0; URL=../../../../en-US/noscript.html"></noscript>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Form Controls</title>
<link rel="shortcut icon" href="media/navigation/favicon.ico">
<link type="text/css" href="normalize.css" rel="Stylesheet">
<link type="text/css" href="prism.css" rel="Stylesheet">
<link type="text/css" href="default.css" rel="Stylesheet">
<script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="languages.js"></script><script type="text/javascript" src="en-US/langnames.js"></script><script type="text/javascript" src="flexsearch.debug.js"></script><script type="text/javascript" src="prism.js"></script><script type="text/javascript" src="help2.js" defer></script><script type="text/javascript" src="a11y-toggle.js" defer></script><script type="text/javascript" src="paginathing.js" defer></script><script type="text/javascript" src="en-US/bookmarks.js" defer></script><script type="text/javascript" src="en-US/contents.js" defer></script><script type="text/javascript" src="help.js" defer></script><meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<header id="TopLeftHeader"><a class="symbol" href="en-US/text/shared/05/new_help.html"><div></div></a><a class="logo" href="en-US/text/shared/05/new_help.html"><p dir="auto">LibreOffice 24.2 Help</p></a><div class="dropdowns"><div class="modules">
<button type="button" data-a11y-toggle="modules-nav" id="modules" aria-haspopup="true" aria-expanded="false" aria-controls="modules-nav">Module</button><nav id="modules-nav" hidden=""></nav>
</div></div></header><aside class="leftside"><input id="accordion-1" name="accordion-menu" type="checkbox"><label for="accordion-1" dir="auto">Contents</label><div id="Contents" class="contents-treeview"></div></aside><div id="SearchFrame"><div id="Bookmarks">
<input id="search-bar" type="search" class="search" placeholder="Search in bookmarks for all modules" dir="auto"><div class="nav-container" tabindex="0"><nav class="index" dir="auto"></nav></div>
</div></div>
<div id="DisplayArea" itemprop="softwareHelp" itemscope="true" itemtype="http://schema.org/SoftwareApplication">
<a name="bm_id3154142"></a><meta itemprop="keywords" content="form controls,toolbars">
<meta itemprop="keywords" content="inserting, form fields">
<meta itemprop="keywords" content="form fields">
<meta itemprop="keywords" content="command button creation">
<meta itemprop="keywords" content="buttons, form functions">
<meta itemprop="keywords" content="controls, inserting">
<meta itemprop="keywords" content="push buttons,creating">
<meta itemprop="keywords" content="radio button creation">
<meta itemprop="keywords" content="check box creation">
<meta itemprop="keywords" content="labels, form functions">
<meta itemprop="keywords" content="fixed text, form functions">
<meta itemprop="keywords" content="text boxes,form functions">
<meta itemprop="keywords" content="list box creation">
<meta itemprop="keywords" content="picklist creation">
<meta itemprop="keywords" content="drop-down lists in form functions">
<meta itemprop="keywords" content="combo box creation">
<meta itemprop="keywords" content="selecting,controls">
<meta itemprop="keywords" content="controls, select mode">
<a name="bm_id4029443"></a>
<a name="bm_id361690936320518"></a>
<a name="form_controls"></a>
<h1 id="hd_id3154142" dir="auto">Form Controls</h1>
<p id="par_id3151378" class="paragraph" dir="auto"><a name="formulartext"></a><span class="avis">The <span class="emph">Form Controls</span> toolbar or sub-menu contains tools that you need to create an interactive form.</span> You can use the toolbar or sub-menu to add controls to a form in a text, drawing, spreadsheet, presentation, or HTML document, for example a button that runs a macro.</p>
<a name="howtoget"></a><div class="howtoget">
<div><p class="howtogetheader" dir="auto"><a name="wie"></a>To access this command...</p></div>
<div class="howtogetbody">
<p id="par_id1027200809391346" class="paragraph" dir="auto">Choose <span class="menuitem">View - Toolbars - Form Controls</span>.</p>
<p id="par_id3147336" class="paragraph" dir="auto">Icon on the <span class="emph">Insert</span> toolbar (you may need to enable this initially invisible icon):</p>
<a name="syform_controls"></a>
<div class="icontable">
<div class="iconcell">
<p id="par_id3155341" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_choosecontrols.svg" class="iconimage" alt="Icon Select" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3149670" class="paragraphintable" dir="auto">Form Controls</p>
</div>
</div>
</div>
</div>
<br>
<div class="note">
<div class="noteicon" dir="auto"><img src="media/icon-themes/res/helpimg/note.svg" alt="note" style="width:40px;height:40px;"></div>
<div class="notetext"><p id="par_idN10B21" dir="auto"><a target="_top" href="en-US/text/shared/guide/xforms.html">XML Form documents</a> (XForms) use the same controls.</p></div>
</div>
<br>
<p id="par_id3152771" class="paragraph" dir="auto">To create a form, open a document and use the Form Controls toolbar to add and define the form controls. If you want, you can also link the form to a database, so that you can use the controls to manipulate a database.</p>
<p id="par_id3150791" class="paragraph" dir="auto">When you create a form in an HTML document, you can use the form to send data over the Internet.</p>
<h2 id="par_idN10C39" dir="auto">To add a control to a document</h2>
<ol itemprop="HowTo" itemscope="true" itemtype="http://schema.org/HowToSection" dir="auto">
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3154918" class="paragraph" dir="auto">On the <span class="emph">Form Controls</span> toolbar, click the icon of the control that you want to add.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_idN10C4D" class="paragraph" dir="auto">Then click in the document, and drag to create the control.</p>
<div class="tip">
<div class="noteicon" dir="auto"><img src="media/icon-themes/res/helpimg/tip.svg" alt="tip" style="width:40px;height:40px;"></div>
<div class="notetext"><p id="par_idN10C50" dir="auto">To create a square control, hold down the <span class="keycode">Shift</span> key while you drag.</p></div>
</div>
<br>
</li>
</ol>
<div class="tip">
<div class="noteicon" dir="auto"><img src="media/icon-themes/res/helpimg/tip.svg" alt="tip" style="width:40px;height:40px;"></div>
<div class="notetext"><p id="par_id3154127" dir="auto">To add a field from the field list of a table or query to a form, drag a cell into the form. In a text document, you can also drag a column header to add a field to a form. To include a label for the field, hold down <span id="swlnsystextshared0201170000xml_1" class="switchinline"><span hidden="true" id="MACtextshared0201170000xml_1" class="MAC"><span class="keycode">Command</span></span><span hidden="true" id="defaulttextshared0201170000xml_1"><span class="keycode">Ctrl</span></span></span>+<span class="keycode">Shift</span> when you drag a column head.</p></div>
</div>
<br>
<h2 id="par_idN10C87" dir="auto">Modifying a Control</h2>
<ol itemprop="HowTo" itemscope="true" itemtype="http://schema.org/HowToSection" dir="auto">
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3148645" class="paragraph" dir="auto">Right-click the control and choose <span class="menuitem">Control Properties</span>. A dialog opens where you can define the properties of the control.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3153363" class="paragraph" dir="auto">To specify a accelerator key for a control, add a tilde (<span class="emph">~</span>) in front of the character in the label for the control.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3152792" class="paragraph" dir="auto">You can drag and drop controls from one document to another document. You can also copy and paste controls between documents. When you insert a control from another document, LibreOffice analyzes the data source, content type, and content properties of the control so that the control fits the logical structure in the target document. For example, a control that displays contents from an address book continues to display the same contents after you copy the control to a different document. You can view these properties on the <span class="emph">Data</span> tab page of the <span class="emph">Form properties</span> dialog.</p>
</li>
</ol>
<a name="select"></a>
<h2 id="hd_id3154411" dir="auto">Select</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3156106" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_selectobject.svg" class="iconimage" alt="Icon Select" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3150470" class="paragraphintable" dir="auto">This icon switches the mouse pointer to the select mode, or deactivates this mode. The select mode is used to select the controls of the current form.</p>
</div>
</div>
<div class="embedded">
<a name="designmodus"></a>
<h2 id="hd_id3151100" dir="auto"><a target="_top" href="en-US/text/shared/02/01170500.html">Design Mode</a></h2>
<p id="par_id3150040" class="paragraph" dir="auto"><span class="avis">Toggles the Design mode on or off. This function is used to switch quickly between <a target="_top" href="en-US/text/sdatabase/04030000.html">Design</a> and User mode. Activate to edit the form controls, deactivate to use the form controls.</span></p>
</div>
<div class="embedded">
<a name="sydesign"></a>
<div class="icontable">
<div class="iconcell">
<p id="par_id3156056" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_testmode.svg" class="iconimage" alt="Icon Design Mode" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153767" class="paragraphintable" dir="auto">Design Mode On/Off</p>
</div>
</div>
</div>
<a name="Section25"></a>
<h2 id="par_idN11B57" dir="auto">Wizards On/Off</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_idN11B65" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_autopilotmenu.svg" class="iconimage" alt="Icon Toggle Form Control Wizards" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_idN11B76" class="paragraphintable" dir="auto">Turns on and turns off the automatic form controls wizards.</p>
<p id="par_id6403088" class="paragraphintable" dir="auto">These wizards help you to enter the properties of list boxes, table controls, and other controls.</p>
</div>
</div>
<a name="bm_id6078501"></a>
<h2 id="par_idN10CF7" dir="auto">Form Design</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id671646965582973" class="paragraphintable" dir="auto">
<img src="media/icon-themes/cmd/lc_formdesigntools.svg" class="iconimage" alt="Icon Form Design Tools" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject">
</p>
</div>
<div class="iconcell">
<p id="par_idN10D0D" class="paragraphintable" dir="auto"><span class="avis">Opens the <a target="_top" href="en-US/text/shared/main0226.html"><span class="emph">Form Design</span></a> toolbar.</span></p>
</div>
</div>
<a name="labelfield"></a>
<a name="bm_id7047484"></a>
<h2 id="hd_id3145618" dir="auto">Label Field</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3145295" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_insertfixedtext.svg" class="iconimage" alt="Icon Label Field" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3148534" class="paragraphintable" dir="auto"><span class="avis">Creates a field for displaying text.</span> These labels are only for displaying predefined text. Entries cannot be made in these fields.</p>
</div>
</div>
<a name="textbox"></a>
<a name="bm_id7355178"></a>
<h2 id="hd_id3153794" dir="auto">Text Box</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3163665" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_edit.svg" class="iconimage" alt="Icon Text Box" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3158444" class="paragraphintable" dir="auto"><span class="avis">Creates a text box.</span> Text boxes are fields in which the user can enter text. In a form, text boxes display data or allow for new data input.</p>
</div>
</div>
<a name="checkbox"></a>
<a name="bm_id8176164"></a>
<h2 id="hd_id3146914" dir="auto">Check Box</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3148483" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_checkbox.svg" class="iconimage" alt="Icon Check Box" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3153927" class="paragraphintable" dir="auto"><span class="avis">Creates a check box.</span> Check boxes allow you to activate or deactivate a function in a form.</p>
</div>
</div>
<a name="optionbutton"></a>
<a name="bm_id3862451"></a>
<h2 id="hd_id3157844" dir="auto">Option Button</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3152971" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_radiobutton.svg" class="iconimage" alt="Icon Option Button" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3149123" class="paragraphintable" dir="auto"><span class="avis">Creates an option button.</span> Option buttons enable the user to choose one of several options. Option buttons with the same functionality are given the same name (<a target="_top" href="en-US/text/shared/02/01170101.html"><span class="emph">Name</span></a> <span class="emph">property</span>). Normally, they are given a group box.</p>
</div>
</div>
<a name="listbox"></a>
<a name="bm_id7238352"></a>
<h2 id="hd_id3156064" dir="auto">List Box</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3154326" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_listbox.svg" class="iconimage" alt="Icon List Box" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3166428" class="paragraphintable" dir="auto"><span class="avis">Creates a list box.</span> A list box lets users select an entry from a list. If the form is linked to a database and the database connection is active, the <a target="_top" href="en-US/text/shared/02/01170900.html"><span class="emph">List Box Wizard</span></a> will automatically appear after the list box is inserted in the document. This wizard helps you create the list box.</p>
</div>
</div>
<a name="combobox"></a>
<a name="bm_id5504530"></a>
<h2 id="hd_id3147171" dir="auto">Combo Box</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3149981" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_combobox.svg" class="iconimage" alt="Icon Combo Box" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3149407" class="paragraphintable" dir="auto"><span class="avis">Creates a combo box.</span> A combo box is a single-line list box with a drop-down list from which users choose an option. You can assign the "read-only" property to the combo box so that users cannot enter other entries than those found in the list. If the form is bound to a database and the database connection is active, the <a target="_top" href="en-US/text/shared/02/01170900.html"><span class="emph">Combo Box Wizard</span></a> will automatically appear after you insert the combo box in the document.</p>
</div>
</div>
<a name="pushbutton"></a>
<a name="bm_id6486131"></a>
<h2 id="hd_id3148774" dir="auto">Push Button</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3145801" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/sc_pushbutton.svg" class="iconimage" alt="Icon Push Button" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3147046" class="paragraphintable" dir="auto"><span class="avis">Creates a push button.</span> This function can be used to execute a command for a defined event, such as a mouse click.</p>
<p id="par_id3154731" class="paragraphintable" dir="auto">You can apply text and graphics to these buttons.</p>
</div>
</div>
<a name="imagebutton"></a>
<a name="bm_id2102401"></a>
<h2 id="hd_id3153316" dir="auto">Image Button</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3159622" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_imagebutton.svg" class="iconimage" alt="Icon image button" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3148601" class="paragraphintable" dir="auto"><span class="avis">Creates a button displayed as an image.</span> Aside from the graphic representation, an image button has the same properties as a "normal" button.</p>
</div>
</div>
<a name="formattedfield"></a>
<a name="bm_id6606960"></a>
<h2 id="hd_id3151218" dir="auto">Formatted Field</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3154836" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_formattedfield.svg" class="iconimage" alt="Icon Formatted Field" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3147547" class="paragraphintable" dir="auto"><span class="avis">Creates a formatted field.</span> A formatted field is a text box in which you can define how the inputs and outputs are formatted, and which limiting values apply.</p>
<p id="par_id3155346" class="paragraphintable" dir="auto">A formatted field has <a target="_top" href="en-US/text/shared/02/01170002.html">special control properties</a> (choose <span class="emph">Format - Control</span>).</p>
</div>
</div>
<a name="Section10"></a>
<a name="bm_id4810502"></a>
<h2 id="hd_id3156040" dir="auto">Date Field</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3149423" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_datefield.svg" class="iconimage" alt="Icon Date Field" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3151312" class="paragraphintable" dir="auto"><span class="avis">Creates a date field.</span> If the form is linked to a database, the date values can be adopted from the database.</p>
<p id="par_id3151302" class="paragraphintable" dir="auto">If you assign the "Dropdown" property to the date field, the user can open a calendar to select a date under the date field. This also applies to a date field within a <span class="emph">Table Control</span> field.</p>
<div class="tip">
<div class="noteicon" dir="auto"><img src="media/icon-themes/res/helpimg/tip.svg" alt="tip" style="width:40px;height:40px;"></div>
<div class="notetext"><p id="par_id3154395" dir="auto">Date fields can be easily edited by the user with the up arrow and down arrow keys. Depending on the cursor position, the day, month, or the year is can be increased or decreased using the arrow keys.</p></div>
</div>
<br>
<p id="par_id3153112" class="paragraphintable" dir="auto"><a target="_top" href="en-US/text/shared/02/01170003.html">Specific Remarks on Date Fields</a>.</p>
</div>
</div>
<a name="Section8"></a>
<a name="bm_id3301501"></a>
<h2 id="hd_id3154652" dir="auto">Numerical Field</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3149396" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_numberformatstandard.svg" class="iconimage" alt="Icon Numerical Field" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3145601" class="paragraphintable" dir="auto"><span class="avis">Creates a numerical field.</span> If the form is linked to a database, the numerical values in the form can be adopted from the database.</p>
</div>
</div>
<a name="groupbox"></a>
<a name="bm_id3430892"></a>
<h2 id="hd_id3145147" dir="auto">Group Box</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3159334" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_groupbox.svg" class="iconimage" alt="Icon Group Box" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3154572" class="paragraphintable" dir="auto"><span class="avis">Creates a frame to visually group several controls.</span> <span class="emph">Group boxes</span> allow you to group option buttons in a frame.</p>
<p id="par_id3148394" class="paragraphintable" dir="auto">If you insert a group frame into the document, the <a target="_top" href="en-US/text/shared/autopi/01120000.html"><span class="emph">Group Element Wizard</span></a> starts, which allows you to easily create an option group.</p>
<p id="par_id3150567" class="paragraphintable" dir="auto"><span class="emph">Note:</span> When you drag a group box over already existing controls and then want to select a control, you have to first open the context menu of the group box and choose <span class="emph">Arrange - Send to Back</span>. Then select the control while pressing <span id="swlnsystextshared0201170000xml_2" class="switchinline"><span hidden="true" id="MACtextshared0201170000xml_2" class="MAC"><span class="emph">Command</span></span><span hidden="true" id="defaulttextshared0201170000xml_2"><span class="emph">Ctrl</span></span></span>.</p>
<div class="note">
<div class="noteicon" dir="auto"><img src="media/icon-themes/res/helpimg/note.svg" alt="note" style="width:40px;height:40px;"></div>
<div class="notetext"><p id="par_id3145615" dir="auto"><span class="emph">Group boxes</span> are used only for a visual effect. A functional grouping of option fields can be made through the name definition: under the <a target="_top" href="en-US/text/shared/02/01170101.html"><span class="emph">Name</span></a> properties of all option fields, enter the same name in order to group them.</p></div>
</div>
<br>
</div>
</div>
<a name="Section9"></a>
<a name="bm_id4739584"></a>
<h2 id="hd_id3152369" dir="auto">Time Field</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3153687" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_timefield.svg" class="iconimage" alt="Icon Time Field" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3155399" class="paragraphintable" dir="auto"><span class="avis">Creates a time field.</span> If the form is linked to a database, the time values for the form can be adopted from the database.</p>
<div class="tip">
<div class="noteicon" dir="auto"><img src="media/icon-themes/res/helpimg/tip.svg" alt="tip" style="width:40px;height:40px;"></div>
<div class="notetext"><p id="par_id3154764" dir="auto">Time fields can be easily edited by the user with the up and down arrow keys. Depending on the cursor position, the hours, minutes, or the seconds are increased or decreased using the arrow keys.</p></div>
</div>
<br>
</div>
</div>
<a name="Section6"></a>
<a name="bm_id9766539"></a>
<h2 id="hd_id3153612" dir="auto">Currency Field</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3145324" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_currencyfield.svg" class="iconimage" alt="Icon Currency Field" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3145115" class="paragraphintable" dir="auto"><span class="avis">Creates a currency field.</span> If the form is linked to a database, the currency field contents for in the form can be adopted from the database.</p>
</div>
</div>
<a name="Section5"></a>
<a name="bm_id1317017"></a>
<h2 id="hd_id3148825" dir="auto">Pattern Field</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3149742" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_patternfield.svg" class="iconimage" alt="Icon Pattern Field" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3150122" class="paragraphintable" dir="auto"><span class="avis">Creates a pattern field.</span> Pattern fields consist of an edit mask and a literal mask. The edit mask determines which data can be entered. The literal mask determines the contents of the pattern field when loading the form.</p>
<div class="note">
<div class="noteicon" dir="auto"><img src="media/icon-themes/res/helpimg/note.svg" alt="note" style="width:40px;height:40px;"></div>
<div class="notetext"><p id="par_id3152947" dir="auto">Please note that pattern fields are not exported into HTML format.</p></div>
</div>
<br>
</div>
</div>
<a name="tablecontrol"></a>
<a name="bm_id74623"></a>
<h2 id="hd_id3157996" dir="auto">Table Control</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3156402" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_insertspreadsheet.svg" class="iconimage" alt="Icon Table Control" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3154579" class="paragraphintable" dir="auto"><span class="avis">Creates a <span class="emph">table control</span> to display a database table.</span> If you create a new table control, the <a target="_top" href="en-US/text/shared/02/01170800.html"><span class="emph">Table Element Wizard</span></a> appears.</p>
<p id="par_id3154697" class="paragraphintable" dir="auto"><a target="_top" href="en-US/text/shared/02/01170004.html">Special information about Table Controls</a>.</p>
</div>
</div>
<a name="navigationbar"></a>
<a name="bm_id8951689"></a>
<h2 id="par_idN11B1E" dir="auto">Navigation bar</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_idN11B2C" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_navigationbar.svg" class="iconimage" alt="Icon Navigation bar" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_idN11B3D" class="paragraphintable" dir="auto"><span class="avis">Creates a <span class="emph">Navigation</span> bar.</span></p>
</div>
</div>
<p id="par_idN11DB1" class="paragraph" dir="auto">The <span class="emph">Navigation</span> bar allows you to move through the records of a database or a database form. The controls on this <span class="emph">Navigation</span> bar work the same way as the controls on the default <a target="_top" href="en-US/text/shared/main0213.html"><span class="emph">Navigation</span> bar</a> in LibreOffice.</p>
<a name="imagecontrol"></a>
<a name="bm_id7383386"></a>
<h2 id="hd_id3159171" dir="auto">Image Control</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3155869" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_objectcatalog.svg" class="iconimage" alt="Icon Image Control" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3149596" class="paragraphintable" dir="auto"><span class="avis">Creates an image control. It can only be used to add images from a database.</span> In the form document, double-click one of these controls to open the <span class="emph">Insert Graphic</span> dialog to insert the image. There is also a context menu (not in design mode) with commands for inserting and deleting the image.</p>
<p id="par_id3150318" class="paragraphintable" dir="auto">Images from a database can be displayed in a form, and new images can be inserted in the database as long as the image control is not write-protected. The control must refer to a database field of the image type. Therefore, enter the data field into the properties window on the <span class="emph">Data</span> tab page.</p>
</div>
</div>
<a name="fileselection"></a>
<a name="bm_id1460134"></a>
<h2 id="hd_id3156186" dir="auto">File Selection</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_id3150531" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_filecontrol.svg" class="iconimage" alt="Icon File Selection" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_id3149438" class="paragraphintable" dir="auto"><span class="avis">Creates a button that enables file selection.</span></p>
</div>
</div>
<a name="Section22"></a>
<a name="bm_id8342120"></a>
<h2 id="par_idN11A56" dir="auto">Spin Button</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_idN11A64" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_spinbutton.svg" class="iconimage" alt="Icon Spin Button" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_idN11A75" class="paragraphintable" dir="auto"><span class="avis">Creates a spin button.</span></p>
</div>
</div>
<p id="par_id710776" class="paragraph" dir="auto">If you add a spin button to a Calc spreadsheet, you can use the Data tab page to create a two-way link between the spin button and a cell. As a result, when you change the contents of a cell, the contents of the spin button are updated. Conversely, if you change the value of the spin button, the contents of the cell are updated.</p>
<a name="Section23"></a>
<a name="bm_id633802"></a>
<h2 id="par_idN11ABC" dir="auto">Scrollbar</h2>
<div class="icontable">
<div class="iconcell">
<p id="par_idN11ACA" class="paragraphintable" dir="auto"><img src="media/icon-themes/cmd/lc_scrollbar.svg" class="iconimage" alt="Icon Scrollbar" style="width:38px;height:38px" itemprop="icon" itemscope="true" itemtype="http://schema.org/ImageObject"></p>
</div>
<div class="iconcell">
<p id="par_idN11ADB" class="paragraphintable" dir="auto"><span class="avis">Creates a scrollbar.</span></p>
</div>
</div>
<p id="par_idN11CA3" class="paragraph" dir="auto">You can specify the following properties for a scrollbar:</p>
<table border="1" class="" cellpadding="0" cellspacing="0">
<tr>
<th rowspan="" colspan="" class="tableheadcell" dir="auto">
<p id="par_idN11CDA" class="tableheadintable" dir="auto">UI name</p>
</th>
<th rowspan="" colspan="" class="tableheadcell" dir="auto">
<p id="par_idN11CE0" class="tableheadintable" dir="auto">Semantics</p>
</th>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11CE7" class="tablecontentintable" dir="auto">Scroll value min</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11CED" class="tablecontentintable" dir="auto">Specifies the minimum height or the minimum width of a scrollbar.</p>
</td>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11CF4" class="tablecontentintable" dir="auto">Scroll value max</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11CFA" class="tablecontentintable" dir="auto">Specifies the maximum height or the maximum width of a scrollbar.</p>
</td>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D01" class="tablecontentintable" dir="auto">Default scroll value</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D07" class="tablecontentintable" dir="auto">Specifies the default value of a scrollbar, used when the form is reset.</p>
</td>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D0E" class="tablecontentintable" dir="auto">Orientation</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D14" class="tablecontentintable" dir="auto">Specifies the orientation of a scrollbar, that is, horizontal or vertical.</p>
</td>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D1B" class="tablecontentintable" dir="auto">Small change</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D21" class="tablecontentintable" dir="auto">Specifies the minimum amount by which you can scroll a scrollbar, for example, by clicking an arrow.</p>
</td>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D28" class="tablecontentintable" dir="auto">Large change</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D2E" class="tablecontentintable" dir="auto">Specifies the amount that a large step scrolls a scrollbar, for example, when you click between the scrollbar thumb and a scrollbar arrow.</p>
</td>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D35" class="tablecontentintable" dir="auto">Delay</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D3B" class="tablecontentintable" dir="auto">Specifies the delay in milliseconds between scrollbar trigger events. For example, the delay that occurs when you click an arrow button on the scrollbar and hold down the mouse button.</p>
</td>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D42" class="tablecontentintable" dir="auto">Symbol color</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D48" class="tablecontentintable" dir="auto">Specifies the color of the arrows on the scrollbar.</p>
</td>
</tr>
<tr>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D4F" class="tablecontentintable" dir="auto">Visible Size</p>
</td>
<td rowspan="" colspan="" dir="auto">
<p id="par_idN11D55" class="tablecontentintable" dir="auto">Specifies the size of the scrollbar thumb in "value units". For example, a value of <span class="emph">("Scroll value max." minus "Scroll value min.") / 2</span> results in a scrollbar thumb that occupies half of the scrollbar.</p>
<p id="par_idN11D58" class="tablecontentintable" dir="auto">To make the width of the scrollbar equal to the height of the scrollbar, set the <span class="emph">Visible Size</span> to zero.</p>
</td>
</tr>
</table>
<br>
<p id="par_idN11D63" class="paragraph" dir="auto">In a Calc spreadsheet, you can use the <span class="emph">Data</span> tab page to create a two-way link between a scrollbar and a cell.</p>
<a name="relatedtopics"></a><div class="relatedtopics">
<p class="related" itemprop="mentions" dir="auto"><a name="related"></a><span class="emph">Related Topics</span>
</p>
<div class="relatedbody" itemprop="mentions">
<p id="hd_id3149436" class="paragraph" dir="auto"><a target="_top" href="en-US/text/shared/02/01170001.html">Context Menu Commands</a></p>
</div>
</div>
</div>
<div id="DonationFrame"></div>
<footer><div id="DEBUG" class="debug">
<h3 class="bug">Help content debug info:</h3>
<p dir="auto">This page is: <a href="https://opengrok.libreoffice.org/xref/help/source/text/shared/02/01170000.xhp" target="_blank">/text/shared/02/01170000.xhp</a></p>
<p dir="auto">Title is: Form Controls</p>
<p id="bm_module" dir="auto"></p>
<p id="bm_system" dir="auto"></p>
<p id="bm_HID" dir="auto"></p>
</div></footer>
</body>
</html>