Draggable Modal?

LefterisKoumis — Mon, 23 Aug 2021 21:43:35 GMT

Is there a way to allow the users to drag modal across the screen? I tried with the inline css but no success.

Re: Draggable Modal?

BenElan — Mon, 27 Sep 2021 17:52:38 GMT

Hi @LefterisKoumis, there is no built in way to drag the modal. You would have to wire something up yourself using a library like https://interactjs.io/

Re: Draggable Modal?

JeffreyWilkerson — Thu, 07 Oct 2021 16:12:33 GMT

Dojo has a library for dragging DIVs called "dojo/dnd/Moveable".

In an app I'm working on I have a draggle window for tools.

To this I have a div on the page with a whole bunch of buttons for tools:

Which sits within a DIV 'wrapper' that also has the map div init:

And CSS to render the tools Div:

#toolsDiv { padding: 10px; border: 3px solid #000; background: #fff; position: absolute; left: 150px; border-radius: 15px; }

And then a call to instantiate the library:

let toolsDiv = new Moveable(dom.byId("toolsDiv"));

After that the the div can be dragged anywhere within the wrapper div.

topic Re: Draggable Modal? in Calcite Design System Questions

Draggable Modal?

Re: Draggable Modal?

Re: Draggable Modal?