nnmware / devoops

DevOOPS Bootstrap 3 Admin theme
GNU General Public License v3.0
852 stars 416 forks source link

v2 - Using Modals correctly #24

Closed briansol closed 7 years ago

briansol commented 9 years ago

Hi, I'm not sure if this is an issue with the release, or an issue with my invocation. This method was working with v1, and now after updating to v2, it breaks. There doesn't seem to be a documentation sample on modals (or i can't find it)

After opening a modal with the following: a data-toggle=\"modal\" data-target=\"#modalbox\"> i class=\"fa fa-plus\"> /i></a (a few selected tags removed to get it to display)

The sample box from the index.html file does indeed 'go modal' since i targeted it by ID and takes over focus. Of course, I can't get any content into it this way. My understanding is that this invocation is the bootstrap default and wants it's own hidden div. I see there are different devoops functions for opening and closing modals via content pass through a listener.

So, given that, what is the correct way to invoke the devoops style modal?

I'm also finding that closing the modal leaves my main web page in 'disabled' state, even though the modal itself is removed from view.

Is there documentation on using these modals without creating a new eventListener for each modal box, and rather use the more generic default bootstrap style approach? I don't see any of the default blocks offering a cut/dry invocation of a generic modal.

Thanks for the great script.