Difference between revisions of "Component: Input Text ( Control)"

From Flowcode Help
Jump to navigationJump to search
(added example)
 
(2 intermediate revisions by one other user not shown)
Line 5: Line 5:
 
|-
 
|-
 
| width="20%" style="color:gray;" | Version
 
| width="20%" style="color:gray;" | Version
−
| 0.1
+
| 1.0
 
|-
 
|-
 
| width="20%" style="color:gray;" | Category
 
| width="20%" style="color:gray;" | Category
Line 15: Line 15:
 
Creates a text field that can be highlighted and edited by the user.
 
Creates a text field that can be highlighted and edited by the user.
  
−
==Component Source Code==
 
  
−
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_InputText.fcsx FC_Comp_Source_WEBEXP_InputText.fcsx]
+
==Version information==
 +
 
 +
Library Version, Component Version, Date, Author, Info
 +
2, 0.1, 27-01-25, BR, Added extra macros to set and get the value
 +
3, 1.0, 14-02-25, ST, Changed generated CSS to ensure disabled control has grey text
 +
  
−
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_InputText.fcsx FC_Comp_Source_WEBEXP_InputText.fcsx]
 
  
 
==Detailed description==
 
==Detailed description==
  
 
''No detailed description exists yet for this component''
 
''No detailed description exists yet for this component''
 +
  
 
==Examples==
 
==Examples==
  
−
''<span style="color:red;">No additional examples</span>''
+
===BasicControls example===
 +
This simple example shows how to sue some basic controls in a Web Developer project.
 +
 
 +
{{Fcfile|BasicControls.fcweb|BasicControls.fcweb}}
  
 +
The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/BasicControls.html BasicControls Example]
  
  
 
==Macro reference==
 
==Macro reference==
 +
 +
===GetFloat===
 +
{| 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;" | '''GetFloat'''
 +
|-
 +
| colspan="2" | Returns the floating point numeric value entered into the text field&nbsp;
 +
|-
 +
|-
 +
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-f32-icon.png]] - FLOAT
 +
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 +
|}
 +
  
 
===GetText===
 
===GetText===
Line 43: Line 65:
 
|-
 
|-
 
| 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''
 +
|}
 +
 +
 +
===GetValue===
 +
{| 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;" | '''GetValue'''
 +
|-
 +
| colspan="2" | Returns the numeric value entered into the text field&nbsp;
 +
|-
 +
|-
 +
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s32-icon.png]] - LONG
 +
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 +
|}
 +
 +
 +
===SetFloat===
 +
{| 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;" | '''SetFloat'''
 +
|-
 +
| colspan="2" | Sets the numeric floating point value displayed in this text field&nbsp;
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 +
| width="90%" | Value
 +
|-
 +
| colspan="2" | float value to set&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''
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
|}
 
|}
Line 60: Line 115:
 
|-
 
|-
 
| colspan="2" | Text to set&nbsp;
 
| colspan="2" | Text to set&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''
 +
|}
 +
 +
 +
===SetValue===
 +
{| 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;" | '''SetValue'''
 +
|-
 +
| colspan="2" | Sets the numeric value displayed in this text field&nbsp;
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
 +
| width="90%" | Value
 +
|-
 +
| colspan="2" | integer value to set&nbsp;
 
|-
 
|-
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
Line 160: Line 234:
 
| colspan="2" | Text here will be added to the html tag of this component to allow advanced customisation&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_InputText.fcsx FC_Comp_Source_WEBEXP_InputText.fcsx]
 +
 +
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_InputText.fcsx FC_Comp_Source_WEBEXP_InputText.fcsx]

Latest revision as of 17:07, 28 April 2026

Author MatrixTSL
Version 1.0
Category Control


Input Text component

Creates a text field that can be highlighted and edited by the user.


Version information

Library Version, Component Version, Date, Author, Info
2, 0.1, 27-01-25, BR, Added extra macros to set and get the value
3, 1.0, 14-02-25, ST, Changed generated CSS to ensure disabled control has grey text


Detailed description

No detailed description exists yet for this component


Examples

BasicControls example

This simple example shows how to sue some basic controls in a Web Developer project.

FC6 Icon.png BasicControls.fcweb

The web app created by this example can be viewed here: BasicControls Example


Macro reference

GetFloat

Fc9-comp-macro.png GetFloat
Returns the floating point numeric value entered into the text field 
Fc9-f32-icon.png - FLOAT Return


GetText

Fc9-comp-macro.png GetText
Returns the text currently entered into this text field 
Fc9-string-icon.png - STRING Return


GetValue

Fc9-comp-macro.png GetValue
Returns the numeric value entered into the text field 
Fc9-s32-icon.png - LONG Return


SetFloat

Fc9-comp-macro.png SetFloat
Sets the numeric floating point value displayed in this text field 
Fc9-f32-icon.png - FLOAT Value
float value to set 
Fc9-void-icon.png - VOID Return


SetText

Fc9-comp-macro.png SetText
Sets the text displayed in this text field 
Fc9-string-icon.png - STRING sText
Text to set 
Fc9-void-icon.png - VOID Return


SetValue

Fc9-comp-macro.png SetValue
Sets the numeric value displayed in this text field 
Fc9-s32-icon.png - LONG Value
integer value to set 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Text
Fc9-type-10-icon.png Text
The initial text of the component 
Fc9-type-12-icon.png Type
Allows the input to be restricted to numbers or hidden 
Fc9-type-7-icon.png Limit Length
Sets a limit on how many characters can be entered 
Fc9-type-21-icon.png Max Length
The maximum number of characters 
Fc9-conn-icon.png Style
Fc9-type-3-icon.png Font
Specifies the font style for the text 
Fc9-type-21-icon.png Font Size
The font size in pixels 
Fc9-type-12-icon.png Horizontal Alignment
Aligns the text entered 
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_InputText.fcsx

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

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