Kanban disable all activity

[Arul Lakshmanan]

Hi,
I am using Reactjs

I want to disable all action in view mode. 
I tried allowDragAndDrop but this will prevent only drag and drop.

I want to prevent edit dialog.

mu existing code

<KanbanComponent
          id={'kanban_' + this.props.id}
          ref={(kanban) => { this.kanbanObj = kanban }}
          keyField='Status'
          dataSource={this.props.data.length > 0 ? this.props.data : []}
          cardSettings={{ contentField: 'Summary', headerField: 'Id' }}
          toolbar={this.toolbarOptions}
          editSettings={this.editSettings}
          actionBegin={this.onActionBegin.bind(this)}
          allowDragAndDrop={this.props.componentType !== 'viewReport'}
        >
          <ColumnsDirective>
            <ColumnDirective headerText='To Do' keyField='ToDo' />
            <ColumnDirective headerText='In Progress' keyField='InProgress' />
            <ColumnDirective headerText='Testing' keyField='Testing' />
            <ColumnDirective headerText='Done' keyField='Done' />
          </ColumnsDirective>
        </KanbanComponent> 

[Hareesh Balasubramanian]

Hi Arul, 

Greetings from Syncfusion Support..! 

We have prepared a sample for your query “I want to prevent edit dialog” using dialogOpen event of the Kanban component and it can be viewed from the following link. 

https://stackblitz.com/edit/react-kanban-component-to-prevent-crud-actions?file=index.js  

  dialogOpen(args) { 

    args.cancel = true; 

  } 

Also kindly refer to the below API link, 

https://ej2.syncfusion.com/react/documentation/api/kanban/#dialogopen  

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 

Hareesh