Giter VIP home page Giter VIP logo

Comments (10)

vodkabears avatar vodkabears commented on July 24, 2024

Hi. Can you show me your code?

from remodal.

vodkabears avatar vodkabears commented on July 24, 2024

@zemat Do you still have the problem?

from remodal.

ameetshah avatar ameetshah commented on July 24, 2024

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

tworemodaloverlayvisible

Also the base page content moves on popup, and moves back when closed.

ameet

from remodal.

vodkabears avatar vodkabears commented on July 24, 2024

@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.

ameetshah avatar ameetshah commented on July 24, 2024

@vodkabears

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 = $.remodal.lookup[$('[data-remodal-id=modal]').data('remodal')];
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.

vodkabears avatar vodkabears commented on July 24, 2024

@ameetshah Background doesn't move, when modal opens, padding appears on the position of the scroll bar.

from remodal.

ameetshah avatar ameetshah commented on July 24, 2024

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.

vodkabears avatar vodkabears commented on July 24, 2024

@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.

ameetshah avatar ameetshah commented on July 24, 2024

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.

vodkabears avatar vodkabears commented on July 24, 2024

@ameetshah Download new version, padding was fixed. https://github.com/VodkaBears/Remodal/releases/tag/0.1.5

from remodal.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.