Draggable container within a container using JavaScript
Question

I would like to implement the draggable container within a container like this link...

https://jqueryui.com/draggable/#constrain-movement

Can someone give an example? 

To be specific, I want the "draggable3" part. That prevents the child container to be moved outside the parent container.

This is a little bit urgent :(

Let me know if you guys needed more info.

Thank you. 

Hi Kim,

That is not really an OutSystems related question.

If you want to implement drag and drop functionality in OutSystems I suggest you check out existing Forge components with which you can implementent drag and drop.

For example with this one https://www.outsystems.com/forge/component-overview/385/drag-and-drop

Regards,

Dsniel

Daniël Kuhlmann wrote:

Hi Kim,

That is not really an OutSystems related question.

If you want to implement drag and drop functionality in OutSystems I suggest you check out existing Forge components with which you can implementent drag and drop.

For example with this one https://www.outsystems.com/forge/component-overview/385/drag-and-drop

Regards,

Dsniel

Hi, Daniel.

Thanks for responding. However, what i really want is to implement the jquery/javascript into Outsystems. As i've read multiple sources for integrating javascript to Outsystems. 

If you someone could give me a hand on converting the drag functionality using javascript to Outsystems, that would be helpful. 

Thank you!


Hi Kim,


Always good to drop by with your Outsystems questions.

 Try this link, it will help you find out more how to implement JS in Outsytems:

Use JavaScript Code from an External Library

If you still have an issue with your implementation drop by and explain exactly what you want.


Greetings,

Guilherme Menescal Dantas.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.