Comments (10)
Hi. Can you show me your code?
from remodal.
@zemat Do you still have the problem?
from remodal.
Hi,
I am also facing the same issue.
I am using it with asp .net mvc (not that is should affect)
I am loading a form in the popup.
When I see the the html using (inspect element) when it fails, Two remodal overlay elements are visible
Also the base page content moves on popup, and moves back when closed.
ameet
from remodal.
@ameetshah Looks like you try to create it several times.
If you want to create it, you don't need js, just set the 'remodal' class:
<div class="remodal" data-remodal-id="modal">
...modal content...
</div>
If you want to create it with js, remove 'remodal' class from the element and do this:
<div data-remodal-id="modal">
...modal content...
</div>
var inst = $('[data-remodal-id=modal]').remodal(options);
// open from js
inst.open();
If you want to find the instance of the created one and open it from js:
var inst = $.remodal.lookup[$('[data-remodal-id=modal]').data('remodal')];
inst.open();
Are you sure you're doing everything right?
from remodal.
I was using it the same way as I use JQUery Dialog, assuming that when we call close. the dialog/popup is no longer in the DOM.
I changed the open code to following
var inst =
if(!inst)
{
$('[data-remodal-id=modal]').remodal().open();
}
else
{
inst.open();
}
This solved the issue.
Though a suggestion, would it not be better, if we could just use standard open all the time ?
..
Also the whole html background is moving to left when the popup opens, and comes back when it closes. I am using chrome.
Thanks
ameet
from remodal.
@ameetshah Background doesn't move, when modal opens, padding appears on the position of the scroll bar.
from remodal.
Hi @vodkabears
If you go here
http://www.ubiqs.in/demo/AjaxMVC/user/list
UserName: VodkaBears
Pwd: VOdKaBears_95
and click create new button, the popup comes, when you close it you see the background moving left.
regards
ameet
from remodal.
@ameetshah ok, it's a bit strange, because script calculates width of the scroll bar, but there is no scroll bar. I will look at this later. As a fast workaround set this css property of the body: padding-right: 0 !important;
.
from remodal.
Thank you Sir.
It worked.
Ameet
www.ubiqs.in
On Thu, Apr 24, 2014 at 3:27 PM, Ilya [email protected] wrote:
@ameetshah https://github.com/ameetshah ok, it's a bit strange, because
script calculates width of the scroll bar, but there is no scroll bar. I
will look at this later. As a fast workaround set this css property to the
body: padding-right: 0 !important;.—
Reply to this email directly or view it on GitHubhttps://github.com//issues/9#issuecomment-41262617
.
from remodal.
@ameetshah Download new version, padding was fixed. https://github.com/VodkaBears/Remodal/releases/tag/0.1.5
from remodal.
Related Issues (20)
- Remodal inside Facebook iframe
- Remodal onload
- No longer actively maintained HOT 10
- Change responsibility web or mobile
- ***wrong post*** HOT 1
- blurry text when opening modal window HOT 2
- form label no checked
- you can use select2 in modal? HOT 3
- Check if modal has been closed once or destroyed HOT 2
- Multiple modal. HOT 1
- Won't trigger on SVG shapes in iOS (solution provided)
- Add no longer actively maintained message on plugin site HOT 1
- modal can't open again when modal closed twice HOT 2
- In IE11, remodal_obj.open() doesn't work properly
- Is there an React version of Remodal?
- New Functionality: send data to remodal from
- appendTo
- It's not working properly on Firefox for Mac HOT 2
- Chrome 80 HOT 1
- not working for netifly
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 remodal.