Gradient Rectangle Grid

For learning how to use this widget, please take a look at our educational video:

Educational Video

Gradient Rectangle Grid

Property	Description	Operation
Widget Name	Widget Displayed Name		Name
Link to User Manual	Link to IOT’s website for User Manual

Background Setting

Property	Description	Operation
Start Color	Select the starting color for the gradient effect	Color Selector
End Color	Select the ending color for the gradient effect	Color Selector

Border Setting

Property	Description	Operation
Border Color	Select the border color	Color Selector
Border Style	Select the line style for border	Dropdown List

Vertical Line Setting

Property	Description	Operation
Show Vertical Line	Clicked to show the vertical lines	Checkbox
Show First and Last Line	Clicked to show the first and the last lines	Checkbox
Tick Granularity	Set the granularity for the scale	Number Editor
Vertical Line Color	Select the color for the vertical lines	Color Selector
Vertical Line Style	Select the style for the vertical lines	Dropdown List

Horizontal Line Setting

Property	Description	Operation
Show Horizontal Line	Clicked to show the horizontal lines	Checkbox
Show First and Last Line	Clicked to show the first and the last lines	Checkbox
Tick Granularity	Set the granularity for the scale	Number Editor
Horizontal Line Color	Select the color for the horizontal lines	Color Selector
Horizontal Line Style	Select the style for the horizontal lines	Dropdown List

Show Grids

Property	Description	Operation
Show Vertical Line	Clicked to show the vertical lines	Checkbox
Show Vertical First and Last Line	Clicked to show the first and the last lines	Checkbox
Show Horizontal Line	Clicked to show the horizontal lines	Checkbox
Show Horizontal First and Last Line	Clicked to show the first and the last lines	Checkbox

Property	Description	Operation
Link to User Manual…	Link to IOT’s website for User Manual
Remove Border	Remove all four borders
Make Squared	Make the widget squared