IOT Canvas
Last updated
Last updated
Plotting Canvas
Card Body
Col
Drop Target Wrapper
Horizontal Section
Vertical Section
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
Specify an expression that should return the image url for the canvas.
Allowed Values: An expression which should return string after evaluation
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
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
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
Select a datasource from the list.
Allowed Values: Select a datasource from the list.
Allowed Values: Free text field
Allowed Values: Free text field
Allowed Values: Any number value
e.g. #firstAttr#, #secondAttr# DESC
Allowed Values: Free text field
Check this property to query the selected datasource on component render.
Allowed Values: Yes/No
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
Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.
Allowed Values: Yes/No
Allowed Values: Yes/No
Allowed Values: Yes/No
Check to enable deleting the existing row.
Allowed Values: Yes/No
Check to enable page masking on save.
Allowed Values: Yes/No
Check to disable monitoring query request.
Allowed Values: Yes/No
Check to enable silent server validate.
Allowed Values: Yes/No
Check to enable silent fetching.
Allowed Values: Yes/No
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
Choose an attribute that should return the device unique ID
Allowed Values: Choose an attribute that should return the device unique ID
Choose an attribute that should return the device name
Allowed Values: Choose an attribute that should return the device name
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
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
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
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.
Choose an attribute that should return the color of the device
Allowed Values: Choose an attribute that should return the color of the device
Choose an attribute that should return the width of the device
Allowed Values: Choose an attribute that should return the width of the device
Choose an attribute that should return the height of the device
Allowed Values: Choose an attribute that should return the height of the device
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.
Choose an attribute that should return size of the status display
Allowed Values: Choose an attribute that should return size of the status display
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
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
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
Select a value to add margin on the bottom of the component.
Allowed Values: Any number value
Select a value to add margin on the left of the component.
Allowed Values: Any number value
Select a value to add margin on the right of the component.
Allowed Values: Any number value
Select a value to add margin on the top of the component.
Allowed Values: Any number value
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
Select a value to add padding in the bottom of the component.
Allowed Values: Any number value
Select a value to add padding in the left of the component.
Allowed Values: Any number value
Select a value to add padding in right of the component.
Allowed Values: Any number value
Select a value to add padding in top of the component.
Allowed Values: Any number value
Use this component to show plots or images over an image.