Hi! great work, but it doesn't work in android browsers, apart from Chrome.
Any suggestion what could be the problem? The first time I press a button it works OK, but after that, there's no button response...
thanks!

My navbar was set to: z-index: 99;

To fix the problem I modified the CSS of .model to be z-index: 1000;

How to load ajax content in the modal? Bootstrap 2/3 has the easiest method to load ajax content by just passing href="link" and it will be loaded to the modal. I tried the same but it is not loading or doing anything?

<a data-modal="#show-media" href="/medias/show/10" rel="nofollow" class="show-media-link md-trigger" tooltip="Asset ID">
  10
</a>
<div class="md-modal colored-header custom-width md-effect-9" id="show-media">
  <div class="md-content">
    <div class="modal-header">
      <h3>10</h3>
      <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">&times;</button>
    </div>
    <div class="modal-body">
      <div class="text-center">
        <i class="fa fa-spinner fa-spin fa-2x"></i>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default btn-flat md-close" data-dismiss="modal">Cancel</button>
    </div>
  </div>
</div>
<div class="md-overlay"></div>

Hi,

I would like to know how can we open a different window within the current open modal view. E.g Close current window and open a different one after a click on a button.

hello - I'm trying to implement the modal effects, but not having much luck. Can you help?

https://github.com/Jvalal/modalfx

Hello, your script is awesome but my iframe is black, have you a solution please ?

http://i.imgur.com/bTyntw5.jpg

My code:
http://i.imgur.com/ULWKeIN.jpg

Thanks.

Hello,
Is there an easy way to reinitialize the modal plugin after bringing new anchor links via ajax?

Thanks

How to disable background scroll?

if you make a modal with a long form in it, and you open it on iphone, you can only scroll the inside of the modal by touching the whitespace. when you touch the form and scroll it up, is scrolls the page on the background, like your touching trough the input field. this does not happen with bootstrap modals.

Please add this feature :)

Hey, maintainer(s) of codrops/ModalWindowEffects!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library codrops/ModalWindowEffects is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "codrops/ModalWindowEffects",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

HI guys-

I am opening the modal, and embedding a web page into it using an iFrame. How do I use the X within the iFrame to close the modal?? Have tried and tried with no luck.

Thanks!... beautiful work BTW... love the way it operates...

The model is vertically centered and all it's contents are visible as long as it's height does not exceed the browser height. If it does, it stays vertically centered, but the top and bottom parts of its contents are no longer visible.

is there a way to have it vertically centered (with a bottom and top margin of, lets say, 50 px) and have it scroll when the content height exceeds the available space?

Has anyone come up on the issue where you have 2 modals with 2 different modal ids conflicting? They both work fine but the click on the overlay doesnt close the modal that is second in the layout.

How about using this polyfill instead so that classie is no longer needed... then people can include the polyfill only if we feel like supporting older browsers

Open demo in Android default browser, select the blur effect, browser crashes:

A/libc﹕ Fatal signal 11 (SIGSEGV) at 0x00000000 (code=1)

I noticed this on a Cordova app running on the emulator (soft and x86).

Is this only an emulator issue, due to the lack of hardware acceleration support?

Thanks

Hello, can you add event and functionality please ? :)

Example: modalOpen, modaleClose, killModalContent, switchModal (for remove a modal content, close the modal, and open the modal with a new content), etc.

It's cools functionalities :)

Is there a way to close a modal window without using the md-close button?

http://goo.gl/3tewc
if u go down to MATRICULAS, and click on "INSCREVA-SE" the md-content shows but md-overley didnt.

Someone can help me?
Everything is working, only the md-overlay(opacity) is not

Hello.

I'm working on integrating these modals on my site and I'm running into a 404 on the sepia.htc file. I've added the following to the bottom of my file. There are a few other JS files that have been added above this (including jQuery):

<!-- classie.js by @desandro: https://github.com/desandro/classie -->
<script src="/assets/js/app-store/classie.js"></script>
<script src="/assets/js/app-store/modalEffects.js"></script>

<!-- for the blur effect -->
<!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill -->
<script>
    // this is important for IEs
    var polyfilter_scriptpath = '/assets/js/app-store/css-filters-polyfill/';
</script>
<script src="/assets/js/app-store/cssParser.js"></script>
<script src="/assets/js/app-store/css-filters-polyfill.js"></script>

The problem I'm running into is the polyfilter_scriptpath, although working as the library wants, is not present. It also wasn't provided in the download from the Tympanus website.

What's interesting here also is that this sepia.htc doesn't even exist on the demo site (view Web Inspector and you'll see the 404 as of 9/19/13).

I'm developing in Chrome (latest) for Mac, but see the issue also in Safari for Mac.

Any thoughts on what I might be doing wrong?

Hi!
when the modal shows, it's content is blurry on Chrome and Safari. Is there a way of fixing this?
Thanks in advance!

All content in popup could be blured like here http://dropshado.ws/post/12243351506/subpixel-positioning-with-css-transforms-and-type.
Problem with translateX/Y 50%, some times it could be 235,5px

I've got multiple modal boxes on the same page. currently they just open on top of each other. is it possible to close the current one when another is triggered? (I've removed the overlay so I can actually click on another button whilst the current modal is still open)