Moving floating panels by mouse

[cemParticipant]

Dear all,

I’ve just started to learn angular to develop an prototype application. I found jQWidgets while looking for a docking layout to produce an IDE-like UI. I’ve generated sample application using the codes given in this site. One point that I couldn’t find how to do is moving floated panel by mouse. Probably it’s my silly but could you please describe how I could move/drag floated panel?

Beside of Angular 5 application generated on my computer, I also tried given sample here: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdockinglayout/jquery-docking-layout-getting-started.htm?search=
When I click on the title of the Output panel, docking anchors appear and Output panel doesn’t move, instead only docking positions are available.

Thanks…

[StanislavParticipant]

Hello cem,

This is the intended behavior of the panel.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[cemParticipant]

Thank you Stanislav.

So you mean that it’s not possible to move it by mouse?

[cemParticipant]

In such case, floating panel covers the content behind.

Is there any means having both dockable and movable floting windows/panel?

[StanislavParticipant]

Hello cem,

Unfortunately, you cannot move it where ever you want.

Once you detach it from the layout, you have to place it back on the panel, you can’t leave it anywhere.
If you want to have a draggable panel on the layout, you can bind to an event and trigger a window.

It depends on what are you trying to achieve.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[StanislavParticipant]

Hello cem,

Here is how you can achieve the functionality you want:

CSS:

.jqx-layout-overlay
{
    pointer-events: none;
}

Add this to your CSS file(you should be using this layout class already, find it and add this code).
It will let you drag the window and place it where ever you want, without the need to attach it to the layout specifically.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[cemParticipant]

Thank you Stanislav. I tried that and saw it worked.
I apologize for being late.

Dou you know if we lose any capability doing so?

[StanislavParticipant]

Hello cem,

No, this is a fix for the given issue.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[cemParticipant]

Great, thank you!

[Author]

Posts