Comments (9)
This is a bug which is going to be fixed in next updates.
from lobipanel.
Thank you,
Any workaround to disable moving the form too high and loose control over it?
from lobipanel.
For now I can not think the way how it can be fixed without updating the core of the plugin.
Thank you too
from lobipanel.
I guess you need to limit the dragging of the lobipanel inside the html document.
This tells the jquery ui (dragging module) to limit the dragging inside the html document only..
I suggest you do this.
Open the lobipanel.js > find this.enableDrag=function(){}
this.enableDrag = function(){
me.$el.draggable({
handle: '.panel-heading',//add the following codes
containment: "document",
scroll: false});
return me;
};
from lobipanel.
Thanks,
I have tested it and it seems to only work if the panel is unpinned when there�s no scrolling on the page.
If you unpin a panel after scrolling down your page (panel located at the bottom of your page) and move it up, the issue remains.
If however you unpin a panel located at the top of the page (without scrolling down), it works.
Any idea ?
Regards
From: shogunfighter [email protected]
Reply-To: arboshiki/lobipanel [email protected]
Date: Tuesday 28 June 2016 at 06:19
To: arboshiki/lobipanel [email protected]
Cc: hichem agrebi [email protected], Author [email protected]
Subject: Re: [arboshiki/lobipanel] Drag issue with Lobipanel (#12)
I guess you need to limit the dragging of the lobipanel inside the html document.
This tells the jquery ui (dragging module) to limit the dragging inside the html document only..
I suggest you do this.
Open the lobipanel.js > find this.enableDrag=function(){}
this.enableDrag = function(){
me.$el.draggable({
handle: '.panel-heading',
//add the following codes
containment: "document",
scroll: false
});
return me;
};
�
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.
from lobipanel.
I bet you just need to customize the draggable containment parameters in such a way the lobipanel wont throw out of the window/page. Maybe you can try using a different containment parameter aside from "document". You can create your own <div>
and limit the dragging of the lobipanel inside that <div>
More info:
jquery > draggable > containment
from lobipanel.
This issue is fixed. I pushed the commit on master branch.
Please check it out, if it's fixed
from lobipanel.
Good afternoon,
I was wondering whether it is possible to move the Lobipanel outside of the current page to make full use of extended or two screen monitors ?
Thanks
Regatds
Hichem
From: shogunfighter [email protected]
Reply-To: arboshiki/lobipanel [email protected]
Date: Tuesday 28 June 2016 at 06:19
To: arboshiki/lobipanel [email protected]
Cc: hichem agrebi [email protected], Author [email protected]
Subject: Re: [arboshiki/lobipanel] Drag issue with Lobipanel (#12)
I guess you need to limit the dragging of the lobipanel inside the html document.
This tells the jquery ui (dragging module) to limit the dragging inside the html document only..
I suggest you do this.
Open the lobipanel.js > find this.enableDrag=function(){}
this.enableDrag = function(){
me.$el.draggable({
handle: '.panel-heading',
//add the following codes
containment: "document",
scroll: false
});
return me;
};
�
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.
from lobipanel.
Hello,
No this is not possible not in Lobipanel and not in any other web plugin.
Browser does not allow this to move its DOM element outside of it.
On Aug 2, 2016 10:05 PM, "jqueryuser1" [email protected] wrote:
Good afternoon,
I was wondering whether it is possible to move the Lobipanel outside of the
current page to make full use of extended or two screen monitors ?
Thanks
Regatds
Hichem
From: shogunfighter [email protected]
Reply-To: arboshiki/lobipanel [email protected]
Date: Tuesday 28 June 2016 at 06:19
To: arboshiki/lobipanel [email protected]
Cc: hichem agrebi [email protected], Author [email protected]
Subject: Re: [arboshiki/lobipanel] Drag issue with Lobipanel (#12)
I guess you need to limit the dragging of the lobipanel inside the html
document.
This tells the jquery ui (dragging module) to limit the dragging inside the
html document only..
I suggest you do this.
Open the lobipanel.js > find this.enableDrag=function(){}
this.enableDrag = function(){
me.$el.draggable({
handle: '.panel-heading',
//add the following codes
containment: "document",
scroll: false
});
return me;
};
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.
—
You are receiving this because you modified the open/close state.
Reply to this email directly, view it on GitHub
https://github.com/arboshiki/lobipanel/issues/12#issuecomment-236990147,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AEad0nwh3OKKfsx876P3NN4WfDWiiFV2ks5qb4bqgaJpZM4IpJ_k
.
from lobipanel.
Related Issues (20)
- No method named "destroy" HOT 1
- lobi-panel, basic-usage, not working
- Don't remove DOM content on close event
- set panels order
- onMinimize.lobiPanel event is not triggered
- Lobi Panel Unpin
- Fullscren Input and select focus not working HOT 1
- Use this in bootstrap 4 beta it is error HOT 1
- disable dropdown menu HOT 1
- Can save position lobipanel ? HOT 1
- onMinimeze event problem
- Iframe inside lobipanel reloads each time panel gets maximized, minimized, unpinned
- How to use stateful option
- Just a little question
- Why is 36px of padding added to bottom of body when panel minimized? HOT 1
- Can not move panel if all the panels dragged form one to another column HOT 1
- Not working Events
- Apply sorting feature dynamically on Lobipanel
- Create dynamicly new panel
- LobiPanel does not load panel positions from localStorage
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lobipanel.