Hello, we have released a new version of Likno Web jQuery Modal Windows Builder v2.2 Build #276

Check out What's New

- Added the "line-height" CSS property to all the examples in "Modal Windows CSS".

- Added compatibility with pages that make use of the Bootstrap Framework.

- New Examples have been added.

- Example 22 (Newsletter).

jquery modal window

- Example 23 (Image Gallery).

jquery modal window

- Example 24 (Real Estate).

jquery modal window

- Example 25 (Coming Soon).

jquery modal window

- Example 26 (News Feed).

jquery modal window

All features here: http://www.likno.com/jquery-modal-windows/index.php

You can download the latest version at:

http://www.likno.com/jquery-modal-windows/download.php

 

Tags: , , , , , , , ,

 

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


Initial Email From:
Sheldon 
Initial Email Subject: Modal windows questions
Support Case Month: January 2014

I have a test page at {URL REMOVED}. It opens a modal window that's source is an external page at {URL REMOVED}. Attached is the modal window construction file.

Two problems:

1. Scroll bars appear and then disappear when the modal window first opens.

2. The image "no thanks" should close the window but does not work. I used the onclick="parent.likno_modal_project.close();".

Thanks for your help,

Sheldon

Reply From: Likno Customer Support

Hello Sheldon,

1. Could you try to set overflow:hidden;  to this style declaration in your external page?

overflow hidden to remove scrollbars

2.  In case you call an external page in your modal window you should use onclick="parent.{project name}.close()" thus onclick="parent.facebooklikes.close()" or

close modal window code

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Sheldon

Hi Aggelos,

Perfect!!!

Thanks for the excellent support,

Sheldon

 

Tags: , , , ,

 

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


Initial Email From:
Sheldon 
Initial Email Subject: Adding a glow around a modal window
Support Case Month: January 2014

How do we add a glow around a modal window.

Thank you,
Sheldon

Reply From: Likno Customer Support

Hello Sheldon,

You could "play" with the Box Shadow property of the Modal Window CSS in order to achieve a "glow" effect.

box shadow on modal window

Let me know if you need further information.

Thank you!

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , , ,

 

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


Initial Email From:
John 
Initial Email Subject: Modal Windows
Support Case Month: April 2014

Hello,

What I do not want is a slideshow or grouped images.

What I would like is from a range of thumbnail images set out in a table (I know, use of tables is not the done thing but they work and they are simple), with a paragraph of explanatory text. The visitor can click on any of the images, individually for a larger view.

I have managed to do this with one image, using single image but of course it will not work for other images.

As I will be adding images to the page on a regular basis. It will be lot of work to having to produce new code each time I add a number of images.

Is there a way to clear and re-use an id after the current modal window is closed? Does that make sense?

Below is my starting point. I would like to make the rest of the images act, individually, in the same way that the first one does. How do I do that?

I hope that this makes sense and look forward to your comments.

Thanks and best regards,

John

Reply From: Likno Customer Support

Hello John,

The better way to achieve what you want, is to use the Modal Window API.

This means you will create a modal window project so that you define the styling you want for your modal window.

Then, you can dynamically load the  content in the modal window. This means you only have one modal window project thus the least code needed.

You may find more information for modal window API here: http://www.likno.com/downldd/Modal_Windows_API.pdf

So, for example if you have a modal window called Modal_Window_1 and you want when clicking on the thumbnail image to load the original one in the modal window, the code would look like:

onclick="Modal_Window_1({bodySource:'<img src=\'myImage.jpg\'/>'});"

The above would open the modal window with your image as the content.

Or in case you want to load the image along with some information text:

onclick="Modal_Window_1({bodySource:'<div>This is my information text</div><br /><img src=\'myImage.jpg\'/>'});"

In your modal window project you should choose  "Show content as specified inside this project" -> Single Sheet -> Embedded.

jquery modal window properties

Please, let me know if I can be of further help.

Thank you.

Kind Regards,  

Aggelos Tsakonas
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

Tags: , , , ,

 

Hello, we have released a new version of Likno Web jQuery Modal Windows Builder v2.2 Build #274

Check out What's New

- Enhanced the "close behavior" of the modal window when browser security restrictions are applied.

All features here: http://www.likno.com/jquery-modal-windows/index.php

You can download the latest version at:

http://www.likno.com/jquery-modal-windows/download.php

 

Tags: , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows