UI Builder - Kanban board Component Properties - How to setup the board - Support and Troubleshooting

UI Builder - Kanban board Component Properties - How to setup the board Issue How to setup a Kanban Board in UI Builder

Release All

Cause The documentation is not available for this component, this is provided as a guidance only.

Resolution 1. Install the "com.devsnc_sn_vtb" plugin, hence the following components will be available

- sn-vtb-card

- sn-vtb-lane-header

- sn-vtb-lane-footer

For the properties such as cardTag, laneHeaderTag, laneFooterTag, swimlaneHeaderTag in UI Builder, these values can be used:

* For cards and lanes use the following: Lanes: [ { "id": "10f5515cc74b1010de6c819a95c2604c", "title": "To Do", "is_choice_lane": false, "sys_id": "10f5515cc74b1010de6c819a95c2604c", "is_reference_lane": false, "read_only": false, "is_swim_lane": false, "lane_wip_limit": -1, "primary_key_field": "sys_id", "name": "To Do", "board_id": "d0f5515cc74b1010de6c819a95c26048", "non_localized_name": "To Do", "value": "", "order": 0, "can_delete": true, "cardsCount": 1, "_style_": { "sn-lane": { "width": "285px", "padding": "3px", "overflow-y": "auto", "height": "calc(100% - 58px)" }, "lane-footer-container": { "position": "sticky", "bottom": "30px" } }, "options": { "board_type": "FREEFORM", "lane_filter": "", "lane_count": 3, "total_lane_count": 3, "field_reference_table": null, "lane_field": "__KANBAN__", "swimlane_field": "", "table": "vtb_task", "reference_lane_search_field": null, "highest_lane_order": 2 } }, { "id": "18f5d5dcc74b1010de6c819a95c26000", "title": "Doing", "is_choice_lane": false, "sys_id": "18f5d5dcc74b1010de6c819a95c26000", "is_reference_lane": false, "read_only": false, "is_swim_lane": false, "lane_wip_limit": -1, "primary_key_field": "sys_id", "name": "Doing", "board_id": "d0f5515cc74b1010de6c819a95c26048", "non_localized_name": "Doing", "value": "", "order": 1, "can_delete": true, "cardsCount": 0, "_style_": { "sn-lane": { "width": "285px", "padding": "3px", "overflow-y": "auto", "height": "calc(100% - 58px)" }, "lane-footer-container": { "position": "sticky", "bottom": "30px" } }, "options": { "board_type": "FREEFORM", "lane_filter": "", "lane_count": 3, "total_lane_count": 3, "field_reference_table": null, "lane_field": "__KANBAN__", "swimlane_field": "", "table": "vtb_task", "reference_lane_search_field": null, "highest_lane_order": 2 } }, { "id": "14f5d5dcc74b1010de6c819a95c26001", "title": "Done", "is_choice_lane": false, "sys_id": "14f5d5dcc74b1010de6c819a95c26001", "is_reference_lane": false, "read_only": false, "is_swim_lane": false, "lane_wip_limit": -1, "primary_key_field": "sys_id", "name": "Done", "board_id": "d0f5515cc74b1010de6c819a95c26048", "non_localized_name": "Done", "value": "", "order": 2, "can_delete": true, "cardsCount": 0, "_style_": { "sn-lane": { "width": "285px", "padding": "3px", "overflow-y": "auto", "height": "calc(100% - 58px)" }, "lane-footer-container": { "position": "sticky", "bottom": "30px" } }, "options": { "board_type": "FREEFORM", "lane_filter": "", "lane_count": 3, "total_lane_count": 3, "field_reference_table": null, "lane_field": "__KANBAN__", "swimlane_field": "", "table": "vtb_task", "reference_lane_search_field": null, "highest_lane_order": 2 } }, { "id": "addNewLane_sysId", "title": "Add lane button", "isPlaceholder": true, "value": "", "order": 3, "board_id": "d0f5515cc74b1010de6c819a95c26048", "lanes_reference_table_records": "", "options": { "board_type": "FREEFORM", "lane_filter": "", "lane_count": 3, "total_lane_count": 3, "field_reference_table": null, "lane_field": "__KANBAN__", "swimlane_field": "", "table": "vtb_task", "reference_lane_search_field": null, "highest_lane_order": 2 } } ]

Cards: [ { "id": "adf5d5dcc74b1010de6c819a95c26062", "title": "a", "order": 0, "lane_id": "10f5515cc74b1010de6c819a95c2604c", "thumbnail": null, "attachments": [], "swim_lane_id": "", "sys_id": "adf5d5dcc74b1010de6c819a95c26062", "sla": { "percentage": 80 }, "checklist": { "items": [ { "complete": true }, { "complete": false } ] }, "labelsCount": 0, "due_date_display_value": "March 15", "all_sla": [], "labels": null, "removed": false, "primary_key_field": "sys_id", "record": { "sys_id": "a1f5d5dcc74b1010de6c819a95c2605f", "sys_class_name": "vtb_task", "can_read": true, "short_description": { "display_value": "a", "is_multi_text": false, "is_choice_table": false, "can_read": true, "name": "short_description", "is_reference": false, "can_write": true, "label": "Short description", "max_length": 160, "value": "a" }, "description": { "display_value": "this is desc", "is_multi_text": true, "is_choice_table": false, "can_read": true, "name": "description", "is_reference": false, "can_write": true, "label": "Description", "max_length": 4000, "value": "this is desc" }, "assignment_group": { "display_value": "", "is_multi_text": false, "is_choice_table": false, "can_read": true, "name": "assignment_group", "is_reference": true, "can_write": true, "label": "Assignment group", "max_length": 32, "value": "" }, "sys_updated_on": { "display_value": "2020-08-31 16:42:01", "is_multi_text": false, "is_choice_table": false, "can_read": true, "name": "sys_updated_on", "is_reference": false, "can_write": false, "label": "Updated", "max_length": 40, "value": "2020-08-31 11:12:01" }, "sys_updated_by": { "display_value": "admin", "is_multi_text": false, "is_choice_table": false, "can_read": true, "name": "sys_updated_by", "is_reference": false, "can_write": false, "label": "Updated by", "max_length": 40, "value": "admin" }, "number": { "display_value": "PTSK0001006", "is_multi_text": false, "is_choice_table": false, "can_read": true, "name": "number", "is_reference": false, "can_write": true, "label": "Number", "max_length": 40, "value": "PTSK0001006" }, "state": { "display_value": "Open", "is_multi_text": false, "is_choice_table": true, "can_read": true, "name": "state", "is_reference": false, "can_write": true, "label": "State", "max_length": 40, "value": "1" }, "assigned_to": { "display_value": "", "is_multi_text": false, "is_choice_table": false, "can_read": true, "name": "assigned_to", "is_reference": true, "can_write": true, "label": "Assigned to", "max_length": 32, "value": null }, "additional_assignee_list": { "display_value": "", "is_multi_text": true, "is_choice_table": false, "can_read": true, "name": "additional_assignee_list", "is_reference": false, "can_write": true, "label": "Additional assignee list", "max_length": 4000, "value": [] }, "assigned_to_dependencies": "assignment_group", "additional_assignee_reference_qualifier": "", "assigned_to_reference_qualifier": "", "due_date": { "display_value": "", "is_multi_text": false, "is_choice_table": false, "can_read": true, "name": "due_date", "is_reference": false, "can_write": true, "label": "Due date", "max_length": 40, "value": "" } }, "board_id": "d0f5515cc74b1010de6c819a95c26048", "task_id": "a1f5d5dcc74b1010de6c819a95c2605f", "sys_updated_on": "2020-08-31 11:12:01", "users": { "primary_assignees": [ { "name": "test user", "avatar": "test user avatar url" } ], "additional_assignees": [] }, "options": { "show_sla": true, "show_labels": true, "show_info": false, "board_type": "FREEFORM", "card_type": "classic", "show_cover_image": true, "menu_actions": [ { "id": "archiveCard_section", "children": [ { "id": "archive_card", "label": "Archive Card", "uuid": "adf5d5dcc74b1010de6c819a95c26062" } ], "uuid": "adf5d5dcc74b1010de6c819a95c26062" }, { "id": "cardActions_section", "children": [ { "id": "rename_card_title", "label": "Rename card title", "uuid": "adf5d5dcc74b1010de6c819a95c26062" } ], "uuid": "adf5d5dcc74b1010de6c819a95c26062" } ] } }, { "id": "bbf9f228c72010109a57797c95c2608d", "title": "Assessment : ATF Assessor", "order": 0, "lane_id": "10f5515cc74b1010de6c819a95c2604c", "sla": null, "attachments": [], "removed": false, "labelsCount": 0, "checklist": null, "all_sla": [], "sys_updated_on": "2020-04-30 06:30:35", "sys_id": "bbf9f228c72010109a57797c95c2608d", "board_id": "d0f5515cc74b1010de6c819a95c26048", "swim_lane_id": "", "primary_key_field": "sys_id", "record": { "sys_id": "d1c2c94fc75010109a57797c95c2608c", "sys_class_name": "incident", "can_read": true, "short_description": { "name": "short_description", "value": "Assessment : ATF Assessor", "label": "Short description", "can_read": true, "can_write": true, "is_reference": false, "max_length": 160, "display_value": "Assessment : ATF Assessor", "is_choice_table": false, "is_multi_text": false }, "description": { "name": "description", "value": "", "label": "Description", "can_read": true, "can_write": true, "is_reference": false, "max_length": 4000, "display_value": "", "is_choice_table": false, "is_multi_text": true }, "assignment_group": { "name": "assignment_group", "value": "", "label": "Assignment group", "can_read": true, "can_write": true, "is_reference": true, "max_length": 32, "display_value": "", "is_choice_table": false, "is_multi_text": false }, "sys_updated_on": { "name": "sys_updated_on", "value": "2020-04-25 05:58:51", "label": "Updated", "can_read": true, "can_write": false, "is_reference": false, "max_length": 40, "display_value": "2020-04-25 11:28:51", "is_choice_table": false, "is_multi_text": false }, "sys_updated_by": { "name": "sys_updated_by", "value": "admin", "label": "Updated by", "can_read": true, "can_write": false, "is_reference": false, "max_length": 40, "display_value": "admin", "is_choice_table": false, "is_multi_text": false }, "number": { "name": "number", "value": "INC0010048", "label": "Number", "can_read": true, "can_write": true, "is_reference": false, "max_length": 40, "display_value": "INC0010048", "is_choice_table": false, "is_multi_text": false }, "state": { "name": "state", "value": "1", "label": "State", "can_read": true, "can_write": true, "is_reference": false, "max_length": 40, "display_value": "New", "is_choice_table": true, "is_multi_text": false }, "assigned_to": { "name": "assigned_to", "value": null, "label": "Assigned to", "can_read": true, "can_write": true, "is_reference": true, "max_length": 32, "display_value": "", "is_choice_table": false, "is_multi_text": false }, "additional_assignee_list": { "name": "additional_assignee_list", "value": [], "label": "Additional assignee list", "can_read": true, "can_write": true, "is_reference": false, "max_length": 4000, "display_value": "", "is_choice_table": false, "is_multi_text": true }, "assigned_to_dependencies": "assignment_group", "additional_assignee_reference_qualifier": "", "assigned_to_reference_qualifier": "roles=itil", "approval": { "name": "approval", "value": "not requested", "label": "Approval", "can_read": true, "can_write": true, "is_reference": false, "max_length": 40, "display_value": "Not Yet Requested", "is_choice_table": true, "is_multi_text": false }, "due_date": { "name": "due_date", "value": "", "label": "Due date", "can_read": true, "can_write": true, "is_reference": false, "max_length": 40, "display_value": "", "is_choice_table": false, "is_multi_text": false } }, "task_id": "d1c2c94fc75010109a57797c95c2608c", "users": { "primary_assignees": [], "additional_assignees": [] }, "options": { "show_sla": false, "show_labels": true, "show_thumbnail": true, "show_info": true, "card_type": "classic_card", "show_description": "I am unable to connect to the email server. It appears to be down." } }, { "id": "53f9b228c72010109a57797c95c260cc", "title": "ATF : Test1", "order": 721, "lane_id": "10f5515cc74b1010de6c819a95c2604c", "sla": null, "attachments": [], "removed": false, "labelsCount": 0, "checklist": null, "all_sla": [], "sys_updated_on": "2020-04-30 06:30:33", "sys_id": "53f9b228c72010109a57797c95c260cc", "board_id": "d0f5515cc74b1010de6c819a95c26048", "swim_lane_id": "", "primary_key_field": "sys_id", "record": { "sys_id": "940885cbc7d010109a57797c95c260bc", "sys_class_name": "incident", "can_read": true, "short_description": { "name": "short_description", "value": "ATF : Test1", "label": "Short description", "can_read": true, "can_write": true, "is_reference": false, "max_length": 160, "display_value": "ATF : Test1", "is_choice_table": false, "is_multi_text": false }, "description": { "name": "description", "value": "", "label": "Description", "can_read": true, "can_write": true, "is_reference": false, "max_length": 4000, "display_value": "", "is_choice_table": false, "is_multi_text": true }, "assignment_group": { "name": "assignment_group", "value": "", "label": "Assignment group", "can_read": true, "can_write": true, "is_reference": true, "max_length": 32, "display_value": "", "is_choice_table": false, "is_multi_text": false }, "sys_updated_on": { "name": "sys_updated_on", "value": "2020-04-25 06:21:43", "label": "Updated", "can_read": true, "can_write": false, "is_reference": false, "max_length": 40, "display_value": "2020-04-25 11:51:43", "is_choice_table": false, "is_multi_text": false }, "sys_updated_by": { "name": "sys_updated_by", "value": "itil", "label": "Updated by", "can_read": true, "can_write": false, "is_reference": false, "max_length": 40, "display_value": "itil", "is_choice_table": false, "is_multi_text": false }, "number": { "name": "number", "value": "INC0010225", "label": "Number", "can_read": true, "can_write": true, "is_reference": false, "max_length": 40, "display_value": "INC0010225", "is_choice_table": false, "is_multi_text": false }, "state": { "name": "state", "value": "1", "label": "State", "can_read": true, "can_write": true, "is_reference": false, "max_length": 40, "display_value": "New", "is_choice_table": true, "is_multi_text": false }, "assigned_to": { "name": "assigned_to", "value": null, "label": "Assigned to", "can_read": true, "can_write": true, "is_reference": true, "max_length": 32, "display_value": "", "is_choice_table": false, "is_multi_text": false }, "additional_assignee_list": { "name": "additional_assignee_list", "value": [], "label": "Additional assignee list", "can_read": true, "can_write": true, "is_reference": false, "max_length": 4000, "display_value": "", "is_choice_table": false, "is_multi_text": true }, "assigned_to_dependencies": "assignment_group", "additional_assignee_reference_qualifier": "", "assigned_to_reference_qualifier": "roles=itil", "approval": { "name": "approval", "value": "not requested", "label": "Approval", "can_read": true, "can_write": true, "is_reference": false, "max_length": 40, "display_value": "Not Yet Requested", "is_choice_table": true, "is_multi_text": false }, "due_date": { "name": "due_date", "value": "", "label": "Due date", "can_read": true, "can_write": true, "is_reference": false, "max_length": 40, "display_value": "", "is_choice_table": false, "is_multi_text": false } }, "task_id": "940885cbc7d010109a57797c95c260bc", "users": { "primary_assignees": [], "additional_assignees": [] }, "options": { "show_sla": false, "show_labels": true, "show_thumbnail": true, "show_info": true, "card_type": "classic_card", "show_description": "I am unable to connect to the email server. It appears to be down." } } ]

*******************

@prop laneHeaderTag Type: { String } Description: Template that renders to be vertical lane header. Default: "" Example: "sn-vtb-lane-header"

@prop lanes Type: { Array } Type Definition: Lane {Object} - Note: This object data will be passed to the laneHeaderTag and laneFooterTag templates. @property id {String} : A unique identifier for this lane. @property title {String} : A title for this lane. @property { } : Any additional data needed by the consumers to be available on this Lane object Description: Data that represents array of vertical lanes on the board. Default: [] Example:[{ "id": "f7ff977c73c820101e217152a7f6a74f", "title": "To Do", "name": "To Do", "options": { "board_type": "FREEFORM", "is2DBoard": false, "lane_filter": "", "lane_count": 3, "total_lane_count": 3, "swimlane_field": "", "table": "vtb_task", "highest_lane_order": 2, "can_add_task": true }}]

@prop laneFooterTag Type: { String } Description: Template that renders to be lane footer. Default: "" Example: "sn-vtb-lane-footer"

@prop laneDraggable Type: { Boolean } Description: Enable or disable the interaction that allows to drag and drop vertical lanes. Default: true Example: false

@prop laneDragPlaceholderTag Type: { String } Description: Template renders that indicates a source position of a vertical lane that appears when the vertical lane is drag. Default: "" Example: "sn-vtb-lane-src-placeholder"

@prop laneDropPlaceholderTag Type: { String } Description: Template renders that indicates a droppable area of a vertical lane that appears while dropping a vertical lane. Default: "" Example: "sn-vtb-lane-dest-placeholder"

@prop laneConfigOverride Type: { { key: String, value: Object } } Description: An object with multiple key and values. Each key should be an ID of one of the lane, and the value will be an object with overrides for this lane's properties, that will override the global lane configuration, like draggable, tagLaneHeader and tagLaneFooter etc. Default: {} Example: { " ": { "draggable": false, "droppable": false, "hide_in_reorder": true, "tag_lane_header": "sn-vtb-add-lane", "tag_lane_footer": "div" }, }

@prop swimlaneHeaderTag Type: { String } Description: Template that renders to be swimlane header. Default: "" Example: "sn-vtb-swimlane-header"

@prop swimlaneHeaderCloneTag Type: { String } Description: Template that renders to be swimlane header while vertical lane is been dragged. Default: "" Example: "sn-vtb-swimlane-header-clone"

@prop swimlanes Type: { Array } Type definition: Swimlane {Object} - Note: This object data will be passed to the swimlaneHeaderTag template. @property id {String} : A unique identifier for this swimlane @property title {String} : A title for this swimlane @property { } : Any additional data needed by the consumers to be available on this Swimlane object. Description: Data category that represents array of swimlanes on the board. Default: [] Example: [{ "order": 0, "value": "", "sys_id": "2af1a1afd5222010f877b06ccf84c3c7", "name": "tst", "can_delete": true, "read_only": false, "is_swim_lane": true, "id": "2af1a1afd5222010f877b06ccf84c3c7", "title": "tst", "addLaneButton": true, "cardsCountPerLane": { "611e057f80a62010f877068145edd05b": 1, "5e1e817f80a62010f877068145edd082": 2 }, "cardsCount": 3, "_style_": { "sn-swimlane": { "background-color": "#B5D1C5", }, "swimlane-body": { padding: "3px 3px", height: "100%", "min-width": "285px", }, "sn-swimlane-header": { "margin-top": "8px" }, }, "options": { "board_type": "FREEFORM", "swimlane_filter": "", "swimlane_count": 1, "total_lane_count": 6, "lane_field": "__KANBAN__", "swimlane_field": "", "table": "vtb_task", "highest_swimlane_order": 1 } } ]

@prop swimlaneDraggable Type: { Boolean } Description: Enable or disable the interaction that allows to drag and drop swimlanes Default: true Example: false

@prop swimlaneDragPlaceholderTag Type: { String } Description: Template renders that indicates a source position of a swimlane that appears when the swimlane is dragged. Default: "" Example: "sn-vtb-swimlane-src-placeholder"

@prop swimlaneDropPlaceholderTag Type: { String } Description: Template renders that indicates a droppable area of a swimlane that appears while dropping a swimlane. Default: "" Example: "sn-vtb-swimlane-dest-placeholder"

@prop swimlaneConfigOverride Type: { { key: String, value: Object } } Description: An object with multiple key and values. Each key should be an ID of one of the swimlane, and the value will be an object with overrides for this swimlane's properties, that will override the global swimlane configuration, like draggable, etc. Default: {} Example: { " ": { draggable: false, droppable: false, hide_in_reorder: true, tag_swimlane_header: "sn-vtb-add-swimlane" } }

@prop cardTag Type: { String } Description: Template that renders to be card. Example: "sn-vtb-card"

@prop cards Type: { Array } Type definition: Card {Object} - Note: This object will be passed to the cardTag template. @property id {String} : A unique identifier for this card @property title {String} : A title for this card @property order {Number} : The order of this card in its lane @property { } : Any additional data needed by the consumers to be available on this Card object. Description: Data category that represents array of swimlanes on the board. Example:[{ "checklist": null, "sla": null, "removed": false, "labelsCount": 0, "order": 0, "attachments": [], "task_id": "631e05bf80a62010f877068145edd023", "all_sla": [], "board_id": "b51f996fd5222010f877b06ccf84c38c", "lane_id": "611e057f80a62010f877068145edd05b", "swim_lane_id": "2af1a1afd5222010f877b06ccf84c3c7", "sys_updated_on": "2021-03-04 07:16:17", "sys_id": "882e05bf80a62010f877068145edd029", "primary_key_field": "sys_id", "title": "Card 1", "users": { "primary_assignees": [], "additional_assignees": [] }, "id": "882e05bf80a62010f877068145edd029", "options": { "show_sla": false, "show_labels": true, "show_cover_image": false, "due_date_field": "due_date", "show_card_info": false, "board_type": "FREEFORM", "card_type": "compact" } } ]

@prop cardDraggable Type: { Boolean } Description: Enable or disable the interaction that allows to drag and drop cards. Default: true Example: false

@prop cardDragPlaceholderTag Type: { String } Description: Template renders that indicates a source position of a card that appears when the card is dragged. Default: "" Example: "sn-vtb-card-src-placeholder"

@prop cardDropPlaceholderTag Type: { String } Description: Template renders that indicates a droppable area of a card that appears while dropping a card. Default: "" Example: "sn-vtb-card-dest-placeholder"

@prop cardConfigOverride Type: {{ key: String, value: Object }} Description: An object with multiple key and values. Each key should be an ID of one of the card, and the value should be an object with overrides for this card's properties, that will override the global card configuration, like draggable, tagCard, etc. Default: {} Example: { ' ': { tag: 'sn-vtb-freeform-card-editable' dragPlaceholderTag: 'sn-empty-card-area', dropPlaceholderTag: 'sn-dotted-card-area' draggable: false, } }

@prop cloneMode Type: { Boolean } Description: Enable or disable the view that only allows to view the board. Default: false Example: true

@prop useArrowNavigation Type: { Boolean } Description: Enable or disable accessing the board using arrow keys. Default: true Example: false

@prop arrowNavigableElements Type: { String } Description: A string selector for the elements on which you want the arrow navigation to work on. By default, these are the wrapper elements for cards, lane headers and lane footers. For a better experience, if you want to override these and focus on internal content instead, use this. Default: "sn-card-wrapper,.sn-lane-header,.lane-footer-container,sn-swimlane-header" Example: .now-card,.sn-vtb-lane-header,.swimlane-add-btn,.lane-add-btn,.add-card,.sn-vtb-swimlane-header .container'

@prop wrapperDomEvents Type: { Array } Description: An array of objects specifying the events you want to register on the wrapper elements. There are three types of wrappers in the board: card wrapper, lane header wrapper, and lane footer wrapper. These events will be registered on each of the wrapper, and we will dispatch the respective action when the event occurs. Default: [] Example:[{ on: [ 'sn-lane-header', 'sn-card-wrapper', 'sn-swimlane-header', 'lane-footer-container', ], events: ['keydown'], action: 'VTB#WRAPPER_DOM_ACTION_PERFORMED', }];

@prop customScrollOptions Type: { Object } Description: Customize lane scrollbar. Default: {} Example: customScrollOptions : { laneScroll: true, // laneScroll applies only to 1D board, true by default, if set to false, board will scroll while card DnD enableScroll: true, // Displays custom scroll bar scrollTrackCSS: { // scrollTrack styles to be applied to scroll track background: 'yellow', height: '80%', ..other styles }, scrollBarCSS: { // scrollbar styles to be applied to scroll bar color: 'blue', ..other styles } }

@prop loadTagsFromUxf Type: { Boolean } Description: A boolean indicating whether the board should fetch the components mentioned by the tags, from UXF registry and load them in the browser. The component should be available in the UXF registry for this to work. If the property `card-tag` is passed as "sn-component-vtb-card", then the board will fetch thiscomponent from UXF registry and it need not be manually imported in the code by the board consumer. Default: true Example: false

@prop styles Type: { Object } Description: Apply custom styles to component body and lane wrapper component. Default: {} Example: { 'sn-board': { 'background-color': '#B5D1C5' } }

@prop daActionMapping Type: {{ key: String, value: Object }} Description: An object with multiple keys and values. Each key should be a fully qualified action name, that board or sub component dispatches and the value will be an declarative action object. Note: More information is availble in Declarative action section. Default: {} Example: { "NOW_VISUAL_BOARD#CARD_MOVED": { // Board action "assignmentId": "d2ac85b1a5ca2010f877fbfd29747b4b", "name": "CARD_MOVED", "label": "CARD MOVED", "actionType": "uxf_client_action", "actionDispatch": "CARD_MOVED", "actionPayload": "{\"id\":\"{{id}}\",\"fromLane\":\"{{fromLane}}\",\"toLane\":\"{{toLane}}\"}" },

"LANE_ACTIONS#LANE_HIDE_SELECTED": { // Sub component action "assignmentId": "d2ac85b1a5ca2010f877fbfd29747b4b", "name": "LANE_HIDE_SELECTED", "label": "LANE HIDE", "actionType": "uxf_client_action", "actionDispatch": "LANE_HIDE_SELECTED", "actionPayload": "{\"laneId\":\"{{id}}\"}" },

"WRAPPER_KEY_DOWN": { // Wrapper dom events "assignmentId": "f2ac85b1a5ca2010f877fbfd29747b5b", "name": "WRAPPER_KEY_DOWN", "label": "Wrapper key down", "actionType": "uxf_client_action", "actionDispatch": "WRAPPER_KEY_DOWN", "actionPayload": "{\"name\":\"{{name}}\"}" } }

@prop daClientActionContract Type: {{ key: String, value: Object }} Type Definition: DaClientActionContract {Object} @property daApplicability {object} : An object that stores declarative action context variables. @property dispatchedEventDefs {object} : An array of declarative actions in uxf event schema. Default: {} Description: This is an object containing the data needed for dynamic declarative action event mapping in UI Builder.