Component: Combo Box ( Control) - Revision history

SteveT: added example

2026-04-28T17:07:09Z

added example

Wiki bot at 11:01, 25 February 2026

2026-02-25T11:01:56Z

Wiki bot at 08:48, 21 June 2024

2024-06-21T08:48:59Z

Wiki bot at 10:15, 17 June 2024

2024-06-17T10:15:23Z

Wiki bot at 10:13, 17 June 2024

2024-06-17T10:13:32Z

Wiki bot at 15:07, 5 December 2023

2023-12-05T15:07:32Z

Wiki bot: Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;..."

2023-11-27T14:10:36Z

Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;..."

New page

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 0.1
|-
| width="20%" style="color:gray;" | Category
| Control
|}

==Combo Box component==
Creates a user selectable combo box for selecting between various options.

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_ComboBox.fcsx FC_Comp_Source_WEBEXP_ComboBox.fcsx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_ComboBox.fcsx FC_Comp_Source_WEBEXP_ComboBox.fcsx]

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

''<span style="color:red;">No additional examples</span>''

==Macro reference==

===GetSelectedIndex===
{| 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;" | '''GetSelectedIndex'''
|-
| colspan="2" |  
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===GetSelectedText===
{| 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;" | '''GetSelectedText'''
|-
| colspan="2" |  
|-
|-
| 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''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | ComboBox
|-
|-
| width="10%" align="center" | [[File:Fc9-type-11-icon.png]]
| width="90%" | Options
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Type In
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Show Lines
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Style
|-
|-
| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
| width="90%" | Font
|-
| colspan="2" | Specifies the font style for the item 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Font Size
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Font size
|-
| colspan="2" | The font size in pixels 
|-
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
| width="90%" | Horizontal Alignment
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Bold
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Italic
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Underline
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Strikethrough
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Colour
|-
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Text
|-
| colspan="2" | Specifies the font colour for the item 
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Background
|-
| colspan="2" | Specifies the background colour value 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Custom Attributes
|-
| colspan="2" |  
|}

← Older revision		Revision as of 10:15, 17 June 2024
Line 18:		Line 18:

	Library Version, Component Version, Date, Author, Info		Library Version, Component Version, Date, Author, Info
		+	3, 1.1, 14-06-24, ST, Corrected the select element id tag, and fixed SplitString use

@@ Line 14: / Line 14: @@
 ==Combo Box component==
 Creates a user selectable combo box for selecting between various options.
 ==Version information==
@@ Line 21: / Line 22: @@
 , 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===

@@ Line 5: / Line 5: @@
 |-
 | width="20%" style="color:gray;" | Version
-| 1.2
+| 1.3
 |-
 | width="20%" style="color:gray;" | Category
@@ Line 20: / Line 20: @@
 , 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
 ==Detailed description==
@@ Line 90: / Line 91: @@
 |-
 | 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''
 |}

@@ Line 28: / Line 28: @@
 ''<span style="color:red;">No additional examples</span>''
 ==Macro reference==
@@ Line 37: / Line 39: @@
 | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSelectedIndex'''
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Returns the index of the selected item&nbsp;
 |-
 |-
@@ Line 51: / Line 53: @@
 | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSelectedText'''
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Returns the text for the currently selected item&nbsp;
 |-
 |-
@@ Line 74: / Line 76: @@
 | width="90%" | Options
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | A list of choices available in the combobox&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Type In
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Set to allow the user to type directly into this combobox&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 | width="90%" | Show Lines
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | If this is greater than 1, this many options will be shown as a selectable list&nbsp;
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
@@ Line 97: / Line 99: @@
 | width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 | width="90%" | Font Size
 |-
 | colspan="2" | The font size in pixels&nbsp;
@@ Line 108: / Line 105: @@
 | width="90%" | Horizontal Alignment
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Aligns the caption text on the button&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Bold
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Make the caption text bold&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Italic
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Make the caption text italicised&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Underline
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Make the caption text underlined&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Strikethrough
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Make the caption text crossed-out&nbsp;
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
@@ Line 151: / Line 148: @@
 | width="90%" | Custom Attributes
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Text here will be added to the html tag of this component to allow advanced customisation&nbsp;
 |}