View source for Component: Combo Box ( Control)

From Flowcode Help

← Component: Combo Box ( Control)

You do not have permission to edit this page, for the following reason:

---

You can view and copy the source of this page.

{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 1.2 |- | width="20%" style="color:gray;" | 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 ==Detailed description== ''No detailed description exists yet for this component'' ==Examples== ''<span style="color:red;">No additional examples</span>'' ==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&nbsp; |- |- | width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING | width="90%" | NewEntry |- | colspan="2" | The new text entry to add&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'' |} ===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&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'' |} ===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" | Returns the index of the selected item&nbsp; |- |- | 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" | Returns the text for the currently selected item&nbsp; |- |- | 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" | 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" | 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" | 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]] | 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&nbsp; |- | width="10%" align="center" | [[File:Fc9-type-21-icon.png]] | width="90%" | Font Size |- | colspan="2" | The font size in pixels&nbsp; |- | width="10%" align="center" | [[File:Fc9-type-12-icon.png]] | width="90%" | Horizontal Alignment |- | 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" | Make the caption text bold&nbsp; |- | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | width="90%" | Italic |- | colspan="2" | Make the caption text italicised&nbsp; |- | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | width="90%" | Underline |- | colspan="2" | Make the caption text underlined&nbsp; |- | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | width="90%" | Strikethrough |- | colspan="2" | Make the caption text crossed-out&nbsp; |- | 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&nbsp; |- | width="10%" align="center" | [[File:Fc9-type-2-icon.png]] | width="90%" | Background |- | colspan="2" | Specifies the background colour value&nbsp; |- | 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" | Text here will be added to the html tag of this component to allow advanced customisation&nbsp; |} ==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]

Return to Component: Combo Box ( Control).