Component: Canvas ( Indicator) - Revision history

SteveT: Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""

2026-07-13T14:37:09Z

Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""

← Older revision		Revision as of 14:37, 13 July 2026
Line 230:		Line 230:
	\|-		\|-
	\|-		\|-
	\| 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%" class="mtx-class-propfolder" \| Canvas		\| width="90%" class="mtx-class-propfolder" \| Canvas
	\|-		\|-
Line 244:		Line 244:
	\| colspan="2" \| Set to draw a border around the canvas		\| colspan="2" \| Set to draw a border around the canvas
	\|-		\|-
	\| 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%" class="mtx-class-propfolder" \| Advanced		\| width="90%" class="mtx-class-propfolder" \| Advanced
	\|-		\|-

SteveT: Text replacement - "style="background-color:#EAE1EA; color:#4B008D;"" to "class="mtx-class-propfolder""

2026-07-13T14:35:51Z

Text replacement - "style="background-color:#EAE1EA; color:#4B008D;"" to "class="mtx-class-propfolder""

← Older revision		Revision as of 14:35, 13 July 2026
Line 231:		Line 231:
	\|-		\|-
	\| 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]]
	\| width="90%" ~~style~~="~~background~~-~~color:#EAE1EA; color:#4B008D;~~" \| Canvas		\| width="90%" class="mtx-class-propfolder" \| Canvas
	\|-		\|-
	\|-		\|-
Line 245:		Line 245:
	\|-		\|-
	\| 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]]
	\| width="90%" ~~style~~="~~background~~-~~color:#EAE1EA; color:#4B008D;~~" \| Advanced		\| width="90%" class="mtx-class-propfolder" \| Advanced
	\|-		\|-
	\|-		\|-

SteveT: Text replacement - "width="90%" style="background-color:#D8C9D8; color:#4B008D;"" to "width="90%" class="mtx-class-macrohead""

2026-07-13T14:23:02Z

Text replacement - "width="90%" style="background-color:#D8C9D8; color:#4B008D;"" to "width="90%" class="mtx-class-macrohead""

← Older revision		Revision as of 14:23, 13 July 2026
Line 37:		Line 37:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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;~~" \| '''Clear'''		\| width="90%" class="mtx-class-macrohead" \| '''Clear'''
	\|-		\|-
	\| colspan="2" \| Clear the canvas to the background colour		\| colspan="2" \| Clear the canvas to the background colour
Line 51:		Line 51:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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;~~" \| '''ClearToColour'''		\| width="90%" class="mtx-class-macrohead" \| '''ClearToColour'''
	\|-		\|-
	\| colspan="2" \| Sets a new background colour and clears the canvas		\| colspan="2" \| Sets a new background colour and clears the canvas
Line 70:		Line 70:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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;~~" \| '''DrawRectangle'''		\| width="90%" class="mtx-class-macrohead" \| '''DrawRectangle'''
	\|-		\|-
	\| colspan="2" \| Draw the outline of a rectangle on the canvas		\| colspan="2" \| Draw the outline of a rectangle on the canvas
Line 114:		Line 114:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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;~~" \| '''FillRectangle'''		\| width="90%" class="mtx-class-macrohead" \| '''FillRectangle'''
	\|-		\|-
	\| colspan="2" \| Draw a filled rectangle on the canvas		\| colspan="2" \| Draw a filled rectangle on the canvas
Line 153:		Line 153:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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;~~" \| '''PlotLine'''		\| width="90%" class="mtx-class-macrohead" \| '''PlotLine'''
	\|-		\|-
	\| colspan="2" \| Draws a line on the canvas		\| colspan="2" \| Draws a line on the canvas
Line 197:		Line 197:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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;~~" \| '''PlotPoint'''		\| width="90%" class="mtx-class-macrohead" \| '''PlotPoint'''
	\|-		\|-
	\| colspan="2" \| Draw a pixel on the canvas		\| colspan="2" \| Draw a pixel on the canvas
Line 227:		Line 227:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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'''
	\|-		\|-
	\|-		\|-

SteveT: Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;"" to "width="10%" align="center" class="mtx-class-macrohead""

2026-07-13T14:20:51Z

Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;"" to "width="10%" align="center" class="mtx-class-macrohead""

← Older revision		Revision as of 14:20, 13 July 2026
Line 226:		Line 226:
	{\| class="mtx-class-macrotable wikitable"		{\| 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%" style="background-color:#D8C9D8; color:#4B008D;" \| '''Properties'''
	\|-		\|-

SteveT: Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;" align="center"" to "width="10%" align="center" class="mtx-class-macrohead""

2026-07-13T14:16:59Z

Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;" align="center"" to "width="10%" align="center" class="mtx-class-macrohead""

← Older revision		Revision as of 14:16, 13 July 2026
Line 36:		Line 36:
	{\| class="mtx-class-macrotable wikitable"		{\| 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;" \| '''Clear'''		\| width="90%" style="background-color:#D8C9D8; color:#4B008D;" \| '''Clear'''
	\|-		\|-
Line 50:		Line 50:
	{\| class="mtx-class-macrotable wikitable"		{\| 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;" \| '''ClearToColour'''		\| width="90%" style="background-color:#D8C9D8; color:#4B008D;" \| '''ClearToColour'''
	\|-		\|-
Line 69:		Line 69:
	{\| class="mtx-class-macrotable wikitable"		{\| 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;" \| '''DrawRectangle'''		\| width="90%" style="background-color:#D8C9D8; color:#4B008D;" \| '''DrawRectangle'''
	\|-		\|-
Line 113:		Line 113:
	{\| class="mtx-class-macrotable wikitable"		{\| 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;" \| '''FillRectangle'''		\| width="90%" style="background-color:#D8C9D8; color:#4B008D;" \| '''FillRectangle'''
	\|-		\|-
Line 152:		Line 152:
	{\| class="mtx-class-macrotable wikitable"		{\| 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;" \| '''PlotLine'''		\| width="90%" style="background-color:#D8C9D8; color:#4B008D;" \| '''PlotLine'''
	\|-		\|-
Line 196:		Line 196:
	{\| class="mtx-class-macrotable wikitable"		{\| 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;" \| '''PlotPoint'''		\| width="90%" style="background-color:#D8C9D8; color:#4B008D;" \| '''PlotPoint'''
	\|-		\|-

SteveT: Text replacement - "class="wikitable" style="width:60%; background-color:#FFFFFF;"" to "class="mtx-class-macrotable wikitable""

2026-07-13T14:15:18Z

Text replacement - "class="wikitable" style="width:60%; background-color:#FFFFFF;"" to "class="mtx-class-macrotable wikitable""

← Older revision		Revision as of 14:15, 13 July 2026
Line 34:		Line 34:

	===Clear===		===Clear===
	{\| 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" style="background-color:#D8C9D8;" align="center" \| [[File:Fc9-comp-macro.png]]
Line 48:		Line 48:

	===ClearToColour===		===ClearToColour===
	{\| 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" style="background-color:#D8C9D8;" align="center" \| [[File:Fc9-comp-macro.png]]
Line 67:		Line 67:

	===DrawRectangle===		===DrawRectangle===
	{\| 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" style="background-color:#D8C9D8;" align="center" \| [[File:Fc9-comp-macro.png]]
Line 111:		Line 111:

	===FillRectangle===		===FillRectangle===
	{\| 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" style="background-color:#D8C9D8;" align="center" \| [[File:Fc9-comp-macro.png]]
Line 150:		Line 150:

	===PlotLine===		===PlotLine===
	{\| 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" style="background-color:#D8C9D8;" align="center" \| [[File:Fc9-comp-macro.png]]
Line 194:		Line 194:

	===PlotPoint===		===PlotPoint===
	{\| 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" style="background-color:#D8C9D8;" align="center" \| [[File:Fc9-comp-macro.png]]
Line 224:		Line 224:
	==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" style="background-color:#D8C9D8;" \| [[File:Fc9-prop-icon.png]]

Wiki bot at 15:07, 5 December 2023

2023-12-05T15:07:28Z

Show changes

Wiki bot: 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;..."

2023-11-27T14:10:32Z

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;..."

New page

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

==Canvas component==
Creates a simple canvas for drawing.

==Component Source Code==

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

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

==Detailed description==

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

==Examples==

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

==Macro reference==

===Clear===
{| 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;" | '''Clear'''
|-
| colspan="2" | Clear the canvas to the background colour 
|-
|-
| 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''
|}

===DrawRectangle===
{| 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;" | '''DrawRectangle'''
|-
| colspan="2" | Draw the outline of a rectangle on the canvas 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | x0
|-
| colspan="2" | Start coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | y0
|-
| colspan="2" | Start coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | dx
|-
| colspan="2" | Width 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | dy
|-
| colspan="2" | Height 
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | col
|-
| colspan="2" | Outline colour 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | thickness
|-
| colspan="2" | Width of the line 
|-
| 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''
|}

===FillRectangle===
{| 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;" | '''FillRectangle'''
|-
| colspan="2" | Draw a filled rectangle on the canvas 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | x0
|-
| colspan="2" | Start coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | y0
|-
| colspan="2" | Start coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | dx
|-
| colspan="2" | Width 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | dy
|-
| colspan="2" | Height 
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | col
|-
| colspan="2" | Fill colour 
|-
| 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''
|}

===PlotLine===
{| 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;" | '''PlotLine'''
|-
| colspan="2" | Draws a line on the canvas 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | x0
|-
| colspan="2" | Start coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | y0
|-
| colspan="2" | Start coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | x1
|-
| colspan="2" | End coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | y1
|-
| colspan="2" | End coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | col
|-
| colspan="2" | Colour of the line 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" | thickness
|-
| colspan="2" | Width of the line 
|-
| 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''
|}

===PlotPoint===
{| 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;" | '''PlotPoint'''
|-
| colspan="2" | Draw a pixel on the canvas 
|-
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | x
|-
| colspan="2" | Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u16-icon.png]] - UINT
| width="90%" | y
|-
| colspan="2" | Coordinate 
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
| width="90%" | col
|-
| colspan="2" | Pixel colour 
|-
| 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;" | Canvas
|-
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Background colour
|-
| colspan="2" | The colour of the canvas background 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Border
|-
| colspan="2" | Set to draw a border around the canvas 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Custom Attributes
|-
| colspan="2" |  
|}