Wiki source code of Auswahl

Hide last authors

version	line-number	content
11.2	1	{{panel float="right"}}
	2	(% class="block text-align-center%){{ficon name="XSelect" size="4em"/}}
1.1	3
23.1	4	(% class="block%)The icon for elements of type //selection//.
11.2	5	{{/panel}}
	6
23.1	7	== Functionality ==
1.1	8
11.2	9	{{figure image="designer_element_select_views_de.png" width="400"}}
23.1	10	Possible layouts of a selection element.
2.1	11	{{/figure}}
1.1	12
23.1	13	Form elements of type //selection// add a selection with multiple options to the current form. The [[property panel label>>doc:Formcycle.FormDesigner.ElementProperties.Label]] allows you to add a descriptive label to the form field.
1.1	14
23.1	15	A selection can be displayed in different ways:
1.1	16
23.1	17	* as a combobox
	18	* as a drop down list
	19	* as a list of checkboxes
	20	* as a list of radio buttons
	21	* as questions with checkboxes (useful for surveys)
	22	* as questions with radio buttons (useful for surveys)
1.1	23
23.1	24	The layout can be set on the basic property panel of the {{designer/}}.
1.1	25
23.1	26	If a selection is shown as a combobox and it is not a required field, the first option is selected by default. When it it is a required field, no option will be selected initially and the text //Please select// is displayed.
1.1	27
23.1	28	{{internBaseOptionsElement page="base"/}}
	29
	30	{{internBaseOptionsElement page="style"}}
11.3	31	{{figure image="designer_element_select_properties_basic_de.png"}}
23.1	32	Additional display properties for a selection element.
2.1	33	{{/figure}}
1.1	34
23.1	35	{{table dataTypeAlpha="0" colWidth="-500"}}
	36	\|=Name\|=Description
	37	\|Layout\|Changes the layout how the options are displayed.
	38	\|Alignment\|Changes the text alignment (left, right, up, down) of the element's text. Not available for comboboxes or lists.
	39	\|Column width\|The width of each option in pixels. Only available for the horizontal display modes //checkboxes// and //radio buttons//.
	40	\|Autocomplete\|Available only if the layout is //combobox//. When this option is activated, the select element is shown as a text input field. As the users is entering text, they are offered a list of possible options.
1.1	41	{{/table}}
	42	{{/internBaseOptionsElement}}
	43
23.1	44	{{internBaseOptionsElement page="cond"}}
11.2	45	{{figure image="designer_element_select_properties_constraints_de.png"}}
23.1	46	Constraints for a selection element.
2.1	47	{{/figure}}
1.1	48
23.1	49	{{table dataTypeAlpha="0" colWidth="-500"}}
1.1	50	\|=Name\|=Beschreibung
23.1	51	\|Min. selection\|Specifies the minimum number of options that must be selected.
	52	\|Max. selection\|Specifies the maximum number of options that can be selected. Set this to {{code}}0{{/code}} to allow any number of options.
1.1	53	{{/table}}
	54	{{/internBaseOptionsElement}}
	55
	56	{{internBaseOptionsElement page="label"/}}
	57
23.1	58	== Options ==
13.4	59
22.5	60	{{id name="sec-options"/}}
22.4	61
22.12	62	{{figure image="designer_element_select_properties_options_de.png"}}
23.1	63	New properties section //options// for select elements.
22.12	64	{{/figure}}
	65
23.1	66	{{table dataTypeAlpha="0" preSort="0-asc" colWidth="-500"}}
	67	\|=Name\|=Description
	68	\|Data sources\|The data source for retrieving the options of this selection form field. When set to //user-defined//, you can enter the options manually. You can use [[CSV>>doc:Formcycle.UserInterface.Data.Sources]] and [[DB Queries>>doc:Formcycle.UserInterface.Data.DBQueries]] as data sources. When a database source is selected and the database cannot be reached, the manually entered options are shown instead.
1.1	69	{{/table}}
	70
13.7	71	{{internBaseOptionsElement page="val"/}}
13.3	72
1.1	73	{{internBaseOptionsElement page="css"/}}
	74
	75	{{internBaseOptionsElement page="help"/}}
	76
	77	{{internBaseOptionsElement page="attr"/}}
	78
	79	{{internBaseOptionsElement page="avail"/}}
	80
	81	{{internBaseOptionsElement page="ronly"/}}
	82
	83	{{internBaseOptionsElement page="misc"/}}
	84
23.1	85
1.1	86	{{content moveToTop="true"/}}

Wiki source code of Auswahl

Navigation