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;...")
 
 
(3 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
|-
 
|-
 
| width="20%" style="color:gray;" | Version
 
| width="20%" style="color:gray;" | Version
−
| 0.1
+
| 1.2
 
|-
 
|-
 
| 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.
  
−
==Component Source Code==
+
==Version information==
  
−
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]
+
Library Version, Component Version, Date, Author, Info
−
 
+
3, 1.1, 14-06-24, ST, Corrected the select element id tag, and fixed SplitString use
−
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]
+
4, 1.2, 18-06-24, ST, Added macros to clear and set entries and fixed TypeIn version
  
 
==Detailed description==
 
==Detailed description==
Line 28: Line 28:
  
 
''<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&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===
 
===GetSelectedIndex===
Line 37: Line 72:
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSelectedIndex'''
 
| 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 86:
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetSelectedText'''
 
| 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 109:
 
| width="90%" | Options
 
| 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="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Type In
 
| 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="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 
| width="90%" | Show Lines
 
| 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]]
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
Line 97: Line 132:
 
| 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" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 
−
| width="90%" | Font size
 
 
|-
 
|-
 
| colspan="2" | The font size in pixels&nbsp;
 
| colspan="2" | The font size in pixels&nbsp;
Line 108: Line 138:
 
| width="90%" | Horizontal Alignment
 
| 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="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Bold
 
| 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="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Italic
 
| 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="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Underline
 
| 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="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Strikethrough
 
| 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]]
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
Line 151: Line 181:
 
| width="90%" | Custom Attributes
 
| 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;
 
|}
 
|}
 +
 +
==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 08:48, 21 June 2024

Author MatrixTSL
Version 1.2
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

No additional examples


Macro reference

AddEntry

Fc9-comp-macro.png AddEntry
Adds a text entry to the combobox 
Fc9-string-icon.png - STRING NewEntry
The new text entry to add 
Fc9-void-icon.png - VOID Return


ClearEntries

Fc9-comp-macro.png ClearEntries
Clears the list of entries in the combobox 
Fc9-void-icon.png - VOID Return


GetSelectedIndex

Fc9-comp-macro.png GetSelectedIndex
Returns the index of the selected item 
Fc9-s16-icon.png - INT Return


GetSelectedText

Fc9-comp-macro.png GetSelectedText
Returns the text for the currently selected item 
Fc9-string-icon.png - STRING Return


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png ComboBox
Fc9-type-11-icon.png Options
A list of choices available in the combobox 
Fc9-type-7-icon.png Type In
Set to allow the user to type directly into this combobox 
Fc9-type-21-icon.png Show Lines
If this is greater than 1, this many options will be shown as a selectable list 
Fc9-conn-icon.png Style
Fc9-type-3-icon.png Font
Specifies the font style for the item 
Fc9-type-21-icon.png Font Size
The font size in pixels 
Fc9-type-12-icon.png Horizontal Alignment
Aligns the caption text on the button 
Fc9-type-7-icon.png Bold
Make the caption text bold 
Fc9-type-7-icon.png Italic
Make the caption text italicised 
Fc9-type-7-icon.png Underline
Make the caption text underlined 
Fc9-type-7-icon.png Strikethrough
Make the caption text crossed-out 
Fc9-conn-icon.png Colour
Fc9-type-2-icon.png Text
Specifies the font colour for the item 
Fc9-type-2-icon.png Background
Specifies the background colour value 
Fc9-conn-icon.png Advanced
Fc9-type-10-icon.png 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

Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Combo_Box_(_Control)&oldid=40871"