Link to home
Start Free TrialLog in
Avatar of campinam
campinam

asked on

Modal Windows for the Web

I was looking for a website plugin that can do modal windows capable of displaying another HTML page. This I found is mostly done through jQuery and Ajax.

Then I found the Likno Software "Web Modal Windows" that can also do a multisheet modal, where the modal has multiple links to other pages. The selected page is displayed in the main box on the modal window (separate from the links). This is not just a plugin, it's a windows applications with UI that lets you choose features of the plugin and generates it (you don't write any code). It also has an API so calling the plugin in a web page can dynamically set URLs for other pages it needs to link to.

That was precisely what I needed. But Likno Software seems to be out of business for now, or unresponsive at least - one cannot pay for a product and there is no free version.

Anyone knows of a product similar to the above?

If it requires writing code, that's OK. It'd be great if it was a newer release that also takes advantage of the newer JQuery libraries and makes use of the faster CSS3.

Anyone knows of a plugin that does multisheet modals?

-
Avatar of Marco Gasi
Marco Gasi
Flag of Spain image

I don't know any program like Likno Software, but let me ask: are you using Bootstrap in your web application? If you don't, you should: among other useful features, bootstrap allow to easily create  modal dialog and within this modal you can put anything just using plain html, jquery and css.

http://getbootstrap.com
http://getbootstrap.com/javascript/#modals
Avatar of campinam
campinam

ASKER

Thank you.

I just found the Vanilla-Modal (plain JS. by Phuse), I wonder anyone is using it, please join discussion.

Would be great to see a "full-code" example, Or some "in-detail" documentation. Couldn't find yet. Help is appreciated.
Hi,

I do use jQuery all the time but in some project I have limitation so I have tried Vanilla-Modal  last week, it is a brand new script, so this is why there is a lack of documentation / example.
I plan to use it on an old website that cannot be update to use latest jQuery.
Other than that I don't see much reason why to use it.

Another one that I have tested no js, pure CSS
https://codepen.io/maccadb7/pen/nbHEg

If you can use jQuery check another new script
Modal windows with any html content
https://github.com/webag/ag-modals
Hi lenamtl, thank you,

This project I'm working on does load a lot of "must-be" with first page, so I thought of getting rid of jQuery.

Says the Vanilla Modal author, it's "built using ECMAScript 2015... HTML, CSS and JavaScript don’t step on each other’s toes and has zero dependencies."

Its js file is short, but hard to understand (unless you are an expert). Would be great to see that code with comments (and helpful for better js know-how anyway). Plus, that would allow adding more features.

But maybe there's no need to understand the js code, if one can figure HOW to use it (modal settings, using the API...)

If you can further help, I'd appreciate it (thank you).
ASKER CERTIFIED SOLUTION
Avatar of lenamtl
lenamtl
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Hi lenamtl,

Thanks for the tip with the issue page!
The master download has the demo with full code - pretty useful.
It looks I need to dig hard into this, but it should do.

Just out of curiosity, as you are going to use the Vanilla Modal, are you planning to figure its js code? Or just use the API?

The js code is a little frustrating to me, as it is so short, and I can't escape the idea of mastering it so I can add functionality just in case...
I'm not sure yet I will try to find out if the dev is active and see if there is compatibilities issue on mobile device,

I think I may use this one instead as it seems flexible and fill my needs

Demo
http://tympanus.net/Development/ModalWindowEffects/

Doc
http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/

Github
https://github.com/codrops/ModalWindowEffects
thanks a lot!