Tutorial Blog Post

August 2nd, 2013LWMW: How can I open a modal window in different width/height?

Source:www.Linkno.com

August 2nd, 2013
Posted by aggelos in Knowledge Base, Likno Web jQuery Modal Windows Builder
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: Different height/width modal window
Support Case Month: August 2013
Hi,
I have a modal window project and I need to open the modal window in different width/height each time. How can I do that with your new data-lwmw-width and data-lwmw-height attributes?
Thanks
Reply From: Likno Customer Support
Hello,
You can call (open) the modal window in different width/height as:
< a href="#" target="Modal_Window_1" data-lwmw-width="500px" data-lwmw-height="40%" >Open Modal Window (500px width)< /a >
and you can have another element that opens the same modal window in different dimensions. < a href="#" target="Modal_Window_1" data-lwmw-width="auto" data-lwmw-height="auto" >Open Modal Window (auto)< /a >
and so on, you can use different width/height values each time you call the modal window.
The above links will open the modal window with a width of 500px and height of 40% in the first case and with auto width and auto height in the second case.
or if you use an ID or a Class to trigger the modal window
Open Modal Window (500px width)
Open Modal Window (auto) Open Modal Window (500px width)
Open Modal Window (auto)
You can also use TD, DIV, IMG, INPUT to trigger the modal window.
For the data-lwmw-width and data-lwmw-height you can have any value you want as long it is px or % or you can have it as auto.
Thank you!
Best Regards,
Aggelos Tsakonas
Likno Customer Support
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!