Difference between revisions of "Component: Combo Box ( Control)"
From Flowcode Help
Jump to navigationJump to search (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;...") |
|||
| (4 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
|- | |- | ||
| width="20%" style="color:gray;" | Version | | width="20%" style="color:gray;" | Version | ||
| − | | | + | | 1.3 |
|- | |- | ||
| width="20%" style="color:gray;" | Category | | width="20%" style="color:gray;" | Category | ||
| Line 15: | Line 15: | ||
Creates a user selectable combo box for selecting between various options. | 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== | ==Detailed description== | ||
| Line 28: | Line 29: | ||
''<span style="color:red;">No additional examples</span>'' | ''<span style="color:red;">No additional examples</span>'' | ||
| + | |||
| + | |||
==Macro reference== | ==Macro reference== | ||
| + | |||
| + | ===AddEntry=== | ||
| + | {| 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;" | '''AddEntry''' | ||
| + | |- | ||
| + | | colspan="2" | Adds a text entry to the combobox | ||
| + | |- | ||
| + | |- | ||
| + | | width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING | ||
| + | | width="90%" | NewEntry | ||
| + | |- | ||
| + | | colspan="2" | The new text entry to add | ||
| + | |- | ||
| + | | 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'' | ||
| + | |} | ||
| + | |||
| + | |||
| + | ===ClearEntries=== | ||
| + | {| 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;" | '''ClearEntries''' | ||
| + | |- | ||
| + | | colspan="2" | Clears the list of entries in the combobox | ||
| + | |- | ||
| + | |- | ||
| + | | 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'' | ||
| + | |} | ||
| + | |||
===GetSelectedIndex=== | ===GetSelectedIndex=== | ||
| Line 37: | Line 73: | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSelectedIndex''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSelectedIndex''' | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Returns the index of the selected item |
|- | |- | ||
|- | |- | ||
| Line 51: | Line 87: | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSelectedText''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSelectedText''' | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Returns the text for the currently selected item |
|- | |- | ||
|- | |- | ||
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-string-icon.png]] - STRING | | 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 | ||
| + | |- | ||
| + | |- | ||
| + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG | ||
| + | | width="90%" | idx | ||
| + | |- | ||
| + | | colspan="2" | The item to select | ||
| + | |- | ||
| + | | 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'' | | width="90%" style="border-top: 2px solid #000;" | ''Return'' | ||
|} | |} | ||
| Line 74: | Line 129: | ||
| width="90%" | Options | | width="90%" | Options | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | A list of choices available in the combobox |
|- | |- | ||
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | ||
| width="90%" | Type In | | width="90%" | Type In | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Set to allow the user to type directly into this combobox |
|- | |- | ||
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-21-icon.png]] | ||
| width="90%" | Show Lines | | width="90%" | Show Lines | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | If this is greater than 1, this many options will be shown as a selectable list |
|- | |- | ||
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]] | | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]] | ||
| Line 97: | Line 152: | ||
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-21-icon.png]] | ||
| width="90%" | Font Size | | width="90%" | Font Size | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
|- | |- | ||
| colspan="2" | The font size in pixels | | colspan="2" | The font size in pixels | ||
| Line 108: | Line 158: | ||
| width="90%" | Horizontal Alignment | | width="90%" | Horizontal Alignment | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Aligns the caption text on the button |
|- | |- | ||
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | ||
| width="90%" | Bold | | width="90%" | Bold | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Make the caption text bold |
|- | |- | ||
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | ||
| width="90%" | Italic | | width="90%" | Italic | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Make the caption text italicised |
|- | |- | ||
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | ||
| width="90%" | Underline | | width="90%" | Underline | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Make the caption text underlined |
|- | |- | ||
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | ||
| width="90%" | Strikethrough | | width="90%" | Strikethrough | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Make the caption text crossed-out |
|- | |- | ||
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]] | | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]] | ||
| Line 151: | Line 201: | ||
| width="90%" | Custom Attributes | | width="90%" | Custom Attributes | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | 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: [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] | ||
Latest revision as of 11:01, 25 February 2026
| Author | MatrixTSL |
| Version | 1.3 |
| Category | Control |
Contents
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
No additional examples
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
