Difference between revisions of "Component: Combo Box ( Control)"

Latest revision as of 17:07, 28 April 2026

Author	MatrixTSL
Version	1.3
Category	Control

Combo Box component

Creates a user selectable combo box for selecting between various options.

Version information

Library Version, Component Version, Date, Author, Info
3, 1.1, 14-06-24, ST, Corrected the select element id tag, and fixed SplitString use
4, 1.2, 18-06-24, ST, Added macros to clear and set entries and fixed TypeIn version
5, 1.3, 02-02-26, ST, Added SetSelectedIndex macro

Detailed description

No detailed description exists yet for this component

Examples

BasicControls example

This simple example shows how to sue some basic controls in a Web Developer project.

BasicControls.fcweb

The web app created by this example can be viewed here: BasicControls Example

Macro reference

AddEntry

	AddEntry
Adds a text entry to the combobox
- STRING	NewEntry
The new text entry to add
- VOID	Return

ClearEntries

	ClearEntries
Clears the list of entries in the combobox
- VOID	Return

GetSelectedIndex

	GetSelectedIndex
Returns the index of the selected item
- INT	Return

GetSelectedText

	GetSelectedText
Returns the text for the currently selected item
- STRING	Return

SetSelectedIndex

	SetSelectedIndex
Sets the index of the selected item
- LONG	idx
The item to select
- VOID	Return

Property reference

	Properties
	ComboBox
	Options
A list of choices available in the combobox
	Type In
Set to allow the user to type directly into this combobox
	Show Lines
If this is greater than 1, this many options will be shown as a selectable list
	Style
	Font
Specifies the font style for the item
	Font Size
The font size in pixels
	Horizontal Alignment
Aligns the caption text on the button
	Bold
Make the caption text bold
	Italic
Make the caption text italicised
	Underline
Make the caption text underlined
	Strikethrough
Make the caption text crossed-out
	Colour
	Text
Specifies the font colour for the item
	Background
Specifies the background colour value
	Advanced
	Custom Attributes
Text here will be added to the html tag of this component to allow advanced customisation

Component Source Code

Please click here to download the component source project: FC_Comp_Source_WEBEXP_ComboBox.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_ComboBox.fcsx

@@ Line 5: / Line 5: @@
 |-
 | width="20%" style="color:gray;" | Version
-| 1.2
+| 1.3
 |-
 | width="20%" style="color:gray;" | Category
@@ Line 14: / Line 14: @@
 ==Combo Box component==
 Creates a user selectable combo box for selecting between various options.
 ==Version information==
@@ Line 20: / Line 21: @@
 , 1.1, 14-06-24, ST, Corrected the select element id tag, and fixed SplitString use
 , 1.2, 18-06-24, ST, Added macros to clear and set entries and fixed TypeIn version
+, 1.3, 02-02-26, ST, Added SetSelectedIndex macro
 ==Detailed description==
 ''No detailed description exists yet for this component''
 ==Examples==
-''<span style="color:red;">No additional examples</span>''
+===BasicControls example===
+This simple example shows how to sue some basic controls in a Web Developer project.
+{{Fcfile|BasicControls.fcweb|BasicControls.fcweb}}
+The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/BasicControls.html BasicControls Example]
@@ Line 90: / Line 98: @@
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-string-icon.png]] - STRING
+| width="90%" style="border-top: 2px solid #000;" | ''Return''
+|}
+===SetSelectedIndex===
+{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+|-
+| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetSelectedIndex'''
+|-
+| colspan="2" | Sets the index of the selected item&nbsp;
+|-
+|-
+| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
+| width="90%" | idx
+|-
+| colspan="2" | The item to select&nbsp;
+|-
+| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 | width="90%" style="border-top: 2px solid #000;" | ''Return''
 |}

Difference between revisions of "Component: Combo Box ( Control)"

Latest revision as of 17:07, 28 April 2026

Contents