IOT Canvas
Description:
Plotting Canvas
Allowed Parent Components:
Card Body
Col
Drop Target Wrapper
Horizontal Section
Vertical Section
Allowed Child Components:
Trigger After Device Drag
Trigger After Device Move
Trigger Before Device Drag
Trigger Before Device Move
Device Popover
Pulse
Trigger Before Render
Trigger On Device Click
Trigger On Device Hover
Properties
➤ Image Url
Specify an expression that should return the image url for the canvas.
Allowed Values: An expression which should return string after evaluation
➤ Height
Specify the height in pixels required for the canvas image. Setting 1 will take up 100% of the parent's height.
Allowed Values: Any number value
➤ Width
Specify the width in pixels required for the canvas image. Setting 1 will take up 100% of the parent's height.
Allowed Values: Any number value
➤ Use Existing Data Source
Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.
Allowed Values: Yes/No
➤ Data Source
Select a datasource from the list.
Allowed Values: Select a datasource from the list.
➤ Data Source Alias
Allowed Values: Free text field
➤ Default Where Clause
Allowed Values: Free text field
➤ Max Rows
Allowed Values: Any number value
➤ Order By Clause
e.g. #firstAttr#, #secondAttr# DESC
Allowed Values: Free text field
➤ Auto Query
Check this property to query the selected datasource on component render.
Allowed Values: Yes/No
➤ Execute Count SQL
Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}
Allowed Values: Yes/No
➤ Execute Distinct SQL
Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.
Allowed Values: Yes/No
➤ Insert Allowed
Allowed Values: Yes/No
➤ Update Allowed
Allowed Values: Yes/No
➤ Delete Allowed
Check to enable deleting the existing row.
Allowed Values: Yes/No
➤ Mask Page On Post
Check to enable page masking on save.
Allowed Values: Yes/No
➤ Do Not Monitor Query Request
Check to disable monitoring query request.
Allowed Values: Yes/No
➤ Silent Server Validate
Check to enable silent server validate.
Allowed Values: Yes/No
➤ Silent Fetch
Check to enable silent fetching.
Allowed Values: Yes/No
➤ Make New Records Dirty
Check this property to make new record dirty. If this property is checked the status of the new record will be 'Insert' else it will be 'New'
Allowed Values: Yes/No
➤ Device UID
Choose an attribute that should return the device unique ID
Allowed Values: Choose an attribute that should return the device unique ID
➤ Device Name
Choose an attribute that should return the device name
Allowed Values: Choose an attribute that should return the device name
➤ Device X Coordinate
Choose an attribute that should return the x cordinate of the device
Allowed Values: Choose an attribute that should return the x cordinate of the device
➤ Device Y Coordinate
Choose an attribute that should return the y cordinate of the device
Allowed Values: Choose an attribute that should return the y cordinate of the device
➤ Device Icon Type
Choose an attribute that should return the x cordinate of the device
Allowed Values: Choose an attribute that should return the x cordinate of the device
➤ Device Icon Source
Choose an attribute that should return icon source of the device. Than can be image src in case of device icon type is image or the icon class.
Allowed Values: Choose an attribute that should return icon source of the device. Than can be image src in case of device icon type is image or the icon class.
➤ Device Color
Choose an attribute that should return the color of the device
Allowed Values: Choose an attribute that should return the color of the device
➤ Device Width
Choose an attribute that should return the width of the device
Allowed Values: Choose an attribute that should return the width of the device
➤ Device Height
Choose an attribute that should return the height of the device
Allowed Values: Choose an attribute that should return the height of the device
➤ Device Status
Write an expression or select a color to show the status of the device.
Allowed Values: Write an expression or select a color to show the status of the device.
➤ Device Status Dot Size
Choose an attribute that should return size of the status display
Allowed Values: Choose an attribute that should return size of the status display
➤ Device Status Offset X
Choose an attribute that should return the x offset of the status
Allowed Values: Choose an attribute that should return the x offset of the status
➤ Device Status Offset Y
Choose an attribute that should return the y offset of the status
Allowed Values: Choose an attribute that should return the y offset of the status
➤ Margin
Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.
Allowed Values: Any number value
➤ Margin Bottom
Select a value to add margin on the bottom of the component.
Allowed Values: Any number value
➤ Margin Left
Select a value to add margin on the left of the component.
Allowed Values: Any number value
➤ Margin Right
Select a value to add margin on the right of the component.
Allowed Values: Any number value
➤ Margin Top
Select a value to add margin on the top of the component.
Allowed Values: Any number value
➤ Padding
Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.
Allowed Values: Any number value
➤ Padding Bottom
Select a value to add padding in the bottom of the component.
Allowed Values: Any number value
➤ Padding Left
Select a value to add padding in the left of the component.
Allowed Values: Any number value
➤ Padding Right
Select a value to add padding in right of the component.
Allowed Values: Any number value
➤ Padding Top
Select a value to add padding in top of the component.
Allowed Values: Any number value
Last updated