Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Gantt › React: how to disable connections

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 14, 2023 at 8:03 pm #107469
    ceddy
    Participant

    Hi

    How do you remove the connection arrows and disable them?

    • This topic was modified 2 years, 3 months ago by ceddy.
    July 17, 2023 at 2:04 pm #107477
    ivanpeevski
    Participant

    Hi ceddy,

     

    You can prevent the connection start by calling event.preventDefault() when the event is fired. For example:

    ganttChart.addEventListener(‘connectionStart’, function(event){
    event.preventDefault();
    })

     

    You can hide the connection points with:

    .smart-task-connection-point{
    display:none
    }

     

    Best Regards,
    Ivan Peevski
    Smart UI Team
    https://www.htmlelements.com/

    July 18, 2023 at 3:18 am #107485
    ceddy
    Participant

    Thank you very much Ivan, it worked

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.