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


Initial Email From: Stanley
Initial Email Subject: Help for Likno Web Modal Windows Builder
Support Case Month: March 2012

Dear Support,

Is there any way to pass the parameter (link and modal size) to modal windows if I use the same window modal for different link (Single sheet) instead of creating each mode for each external link. As for modal size, though it can be set to percentage but it does not work in IE for height in %.
Something like lytebox:

<a href="cardScan_feature.html" class="lytebox" data-lyte-options="width:96% height:100%">Click</a> for product comparison.

<a href="office2010.html" class="lytebox" data-lyte-options="width:96% height:100%">Click</a>for Office 2010 comparison.

Reply From: Likno Customer Support

Dear Stanley,

You can do this too, but this can only be done using the API. In this  case, it would be best to create a separate JavaScript function that accepts these parameters and opens the appropriate modal window. Here is an example of how this would work:

function openModal(url, w, h) {

    Modal_Window_1({bodySource:"<div externalUrl='"+url+"'/>",containerCss:{width:w, height:h});

}

Then this is an example of two links:

<a href="javascript:void(0)" onclick="openModal('compare1.html',500,400);">Click for product1 comparison</a>

<a href="javascript:void(0)" onclick="openModal('compare2.html',400,300);">Click for product2 comparison</a>

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

Tags: , , , , , , , , , , , ,