SteveT: /* Examples */

2026-04-27T14:35:23Z

Examples

SteveT: Fixed the example and added another

2026-04-27T12:24:54Z

Fixed the example and added another

SteveT: added the example (was in Bluetooth for some reason)

2026-04-27T10:26:46Z

added the example (was in Bluetooth for some reason)

Wiki bot: Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 1.1 |- | width="20%" style="color:gray;..."

2026-04-27T08:58:21Z

Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 1.1 |- | width="20%" style="color:gray;..."

New page

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 1.1
|-
| width="20%" style="color:gray;" | Category
| Indicator
|}

==SevenSeg component==
A single 7 segment web component.

==Version information==

Library Version, Component Version, Date, Author, Info
1, 1.0, 20-06-24, ST, Created
2, 1.1, 19-02-26, ST, Set colOn and colOff during Ev_Initialising

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

''<span style="color:red;">No additional examples</span>''

==Macro reference==

===SetDigit===
{| 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;" | '''SetDigit'''
|-
| colspan="2" | Sets the 7seg to display a digit (0-9) with an optional decimal point 
|-
|-
| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" | Digit
|-
| colspan="2" | The digit to display (0-9) 
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | ShowDP
|-
| colspan="2" | Set true to show the decimal point 
|-
| 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''
|}

===SetOffColour===
{| 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;" | '''SetOffColour'''
|-
| colspan="2" | Sets the 'off' colour of the segments 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Colour
|-
| colspan="2" | A string defining the colour (e.g. "maroon" or "#ff0099") 
|-
| 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''
|}

===SetOnColour===
{| 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;" | '''SetOnColour'''
|-
| colspan="2" | Sets the 'on' colour of the segments 
|-
|-
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Colour
|-
| colspan="2" | A string defining the colour (e.g. "maroon" or "#ff0099") 
|-
| 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''
|}

===SetRawValue===
{| 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;" | '''SetRawValue'''
|-
| colspan="2" | Sets the raw byte value for the 7seg (0 - 255), allowing each segment to be individually set 
|-
|-
| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
| width="90%" | Value
|-
| colspan="2" | The raw byte value for the display (0-255) 
|-
| 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''
|}

==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;" | Digit
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | On colour
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Off colour
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Background
|-
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Back colour
|-
| colspan="2" | Specifies the fill colour of the shape 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Outline size
|-
| colspan="2" | The outline size in pixels 
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Outline colour
|-
| colspan="2" | The outline colour of the shape 
|-
| width="10%" align="center" | [[File:Fc9-type-18-icon.png]]
| width="90%" | Value
|-
| colspan="2" |  
|}

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_7SEG1.fcsx FC_Comp_Source_WEBEXP_7SEG1.fcsx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_7SEG1.fcsx FC_Comp_Source_WEBEXP_7SEG1.fcsx]

@@ Line 32: / Line 32: @@
 {{Fcfile|SevenSegSlider.fcweb|SevenSegSlider.fcweb}}
-[https://www.flowcode.co.uk/example/WebComps/SevenSegSlider.html SevenSegSlider Example]
+The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/SevenSegSlider.html SevenSegSlider Example]
@@ Line 40: / Line 40: @@
 {{Fcfile|SevenSegTest.fcweb|SevenSegTest.fcweb}}
-[https://www.flowcode.co.uk/example/WebComps/SevenSegTest.html SevenSegTest Example]
+The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/SevenSegTest.html SevenSegTest Example]
 ==Macro reference==

@@ Line 27: / Line 27: @@
 ==Examples==
-Example takes an inpt from a slider and outputs the number to a seven segment display. The display prints Err if the number is out of range.
+===7 Segment from a Slider===
-{{Fcfile|7segtest.fcsx|Web 7 Segment Display Example}}
+{{Fcfile|SevenSegSlider.fcweb|SevenSegSlider.fcweb}}
-[https://www.flowcode.co.uk/wiki/WebDevExamples/7segtest.html Web 7 Segment Display Example]
+[https://www.flowcode.co.uk/example/WebComps/SevenSegSlider.html SevenSegSlider Example]
 ==Macro reference==

Component: SevenSeg ( Indicator) - Revision history

SteveT: /* Examples */

SteveT: Fixed the example and added another

SteveT: added the example (was in Bluetooth for some reason)

Wiki bot: Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 1.1 |- | width="20%" style="color:gray;..."