Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Knowledge Base support case for Likno Web Modal Windows Builder, abstracted and stripped of all user’s private info.

Initial Email From: Diane
Initial Email Subject: Modal Windows
Support Case Month: May 2012

Hi Kostas,
I've created a modal window in which I'm displaying the login portion of another web page. My intent is that the user would login via the modal window and when the Enter (submit) button is clicked, the user should be validated, the modal window closed, and the page that results from the users login should display in the parent window. But, the page that results from the users login is displaying in the modal window. I'm also having trouble getting the modal window to close consistently when the user clicks to close it (or hits ESC).
I've tried using the code both inside and external to the modal project. Right now it is external.
I appreciate whatever direction you can provide.
Best regards,
Diane

Reply From: Likno Customer Support

Dear Diane,

Regarding the form not loading in the main window, all you need to do is to add “target=’_top’” in your form:

<form name="loginform" id="loginform" method="post" target="_top" onsubmit="return submitForm(this.submit1)" action>

You also say that the modal does not close consistently. I assume you refer only to the ESC key, which will indeed not work while the focus is in the form (which is within an iframe). I am afraid that there is not much we can do about this though.

If you see the closing problem anywhere else (or any other issues at all), please let me know.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Diane

Hi Kostas,
Thanks so much for your quick reply. Unfortunately, the form is a core component of the Learning Management System we're logging into, and is an .asp page that I don't have access to. Can you suggest any other way?
My thanks,
Diane

Reply From: Likno Customer Support

Dear Diane,

How about the landing page? Is this also part of the system?

If you can edit the landing page, you can add a JS check that will “break out of frames” and always load in the top window.

If this is also not possible, then you may try loading the form as “Ajax” instead of “External”. This should also work, as long as the login form does not have scripts.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Diane

Thank you, Kostas … you’ve solved my problem!

Best wishes for a wonderful weekend!

My regards,

Diane

Knowledge Base support case for Likno Web Modal Windows Builder, abstracted and stripped of all user’s private info.

Initial Email From: User
Initial Email Subject: Web Modal Positioning
Support Case Month: October 2012

My support/upgrade insurance for Modal lapsed, but I am interested in upgrading, but had a question about the positioning feature in 248.

I am using modal in an intranet application where the page the modal is on is in an iFrame.  Currently the modal is locked inside of the iFrame, but with this new feature I am assuming it will be possible for the Modal to "break out" of the frame and be relative to the browser?  If you can confirm this for me I'll be upgrading today!

Thanks as always.

Reply From: Likno Customer Support

Hello,

We did implement a “break out of frames” feature, but you have to keep in mind that this is not possible in all cases and all browsers.

Specifically, the page in the iFrame and the parent page need to be from the *exact* same domain. Note that even “domain.com” and “www.domain.com” will be considered different and it will not work. The reason is that this is blocked by all browsers as a possible security threat. Also this may not work if your pages are “https”.

If the pages come from the same domain and it is not “https”, then this feature should work in most recent browsers (with the possible exception of specific versions of the Opera browser).

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter