Jump to content

Component: Input Text ( Control): Difference between revisions

From Flowcode Help
← Older edit

SteveT (talk | contribs)

4 user groups
6,422 edits
No edit summary
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""
 
(6 intermediate revisions by the same user not shown)
Line 14: Line 14:
==Input Text component==
==Input Text component==
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.


==Version information==
==Version information==
Line 26: Line 27:


''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]




Line 36: Line 42:


===GetFloat===
===GetFloat===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetFloat'''
| width="90%" class="mtx-class-macrohead" | '''GetFloat'''
|-
|-
| colspan="2" | Returns the floating point numeric value entered into the text field&nbsp;
| colspan="2" | Returns the floating point numeric value entered into the text field&nbsp;
Line 50: Line 56:


===GetText===
===GetText===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetText'''
| width="90%" class="mtx-class-macrohead" | '''GetText'''
|-
|-
| colspan="2" | Returns the text currently entered into this text field&nbsp;
| colspan="2" | Returns the text currently entered into this text field&nbsp;
Line 64: Line 70:


===GetValue===
===GetValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetValue'''
| width="90%" class="mtx-class-macrohead" | '''GetValue'''
|-
|-
| colspan="2" | Returns the numeric value entered into the text field&nbsp;
| colspan="2" | Returns the numeric value entered into the text field&nbsp;
Line 78: Line 84:


===SetFloat===
===SetFloat===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetFloat'''
| width="90%" class="mtx-class-macrohead" | '''SetFloat'''
|-
|-
| colspan="2" | Sets the numeric floating point value displayed in this text field&nbsp;
| colspan="2" | Sets the numeric floating point value displayed in this text field&nbsp;
Line 97: Line 103:


===SetText===
===SetText===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetText'''
| width="90%" class="mtx-class-macrohead" | '''SetText'''
|-
|-
| colspan="2" | Sets the text displayed in this text field&nbsp;
| colspan="2" | Sets the text displayed in this text field&nbsp;
Line 116: Line 122:


===SetValue===
===SetValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetValue'''
| width="90%" class="mtx-class-macrohead" | '''SetValue'''
|-
|-
| colspan="2" | Sets the numeric value displayed in this text field&nbsp;
| colspan="2" | Sets the numeric value displayed in this text field&nbsp;
Line 136: Line 142:
==Property reference==
==Property reference==


{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''  
| width="90%" class="mtx-class-macrohead" | '''Properties'''  
|-
|-
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Text
| width="90%" class="mtx-class-propfolder" | Text
|-
|-
|-
|-
Line 166: Line 172:
| colspan="2" | The maximum number of characters&nbsp;
| colspan="2" | The maximum number of characters&nbsp;
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Style
| width="90%" class="mtx-class-propfolder" | Style
|-
|-
|-
|-
Line 205: Line 211:
| colspan="2" | Make the caption text crossed-out&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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Colour
| width="90%" class="mtx-class-propfolder" | Colour
|-
|-
|-
|-
Line 219: Line 225:
| colspan="2" | Specifies the background colour value&nbsp;
| colspan="2" | Specifies the background colour value&nbsp;
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
| width="90%" class="mtx-class-propfolder" | Advanced
|-
|-
|-
|-

Latest revision as of 14:37, 13 July 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.

BasicControls.fcweb

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


Macro reference

GetFloat

GetFloat
Returns the floating point numeric value entered into the text field 
- FLOAT Return


GetText

GetText
Returns the text currently entered into this text field 
- STRING Return


GetValue

GetValue
Returns the numeric value entered into the text field 
- LONG Return


SetFloat

SetFloat
Sets the numeric floating point value displayed in this text field 
- FLOAT Value
float value to set 
- VOID Return


SetText

SetText
Sets the text displayed in this text field 
- STRING sText
Text to set 
- VOID Return


SetValue

SetValue
Sets the numeric value displayed in this text field 
- LONG Value
integer value to set 
- VOID Return


Property reference

Properties
Text
Text
The initial text of the component 
Type
Allows the input to be restricted to numbers or hidden 
Limit Length
Sets a limit on how many characters can be entered 
Max Length
The maximum number of characters 
Style
Font
Specifies the font style for the text 
Font Size
The font size in pixels 
Horizontal Alignment
Aligns the text entered 
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_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=48081"