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;...")
 
Line 28: Line 28:
  
 
''<span style="color:red;">No additional examples</span>''
 
''<span style="color:red;">No additional examples</span>''
 +
 +
  
 
==Macro reference==
 
==Macro reference==
Line 37: Line 39:
 
| 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 53:
 
| 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 76:
 
| 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 99:
 
| 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 105:
 
| 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 148:
 
| 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;
 
|}
 
|}

Revision as of 15:07, 5 December 2023

Author MatrixTSL
Version 0.1
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: FC_Comp_Source_WEBEXP_ComboBox.fcsx

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

Detailed description

No detailed description exists yet for this component

Examples

No additional examples


Macro reference

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