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


Initial Email From:
Paolo
Initial Email Subject: modal builder 
Support Case Month: March 2013

Hello Kostas,

Just 2 quick more questions.

  1. Shall the modal window resize automatically based on the big image size?
  2. can I also include dynamically some texts related to be image? For example title and description…
  3. Is it possible to manage dynamically the overlay color of the modal?

Many thanks,
Paolo

Reply From: Likno Customer Support

Dear Paolo,

I am afraid that in order to do any of these, you will need to use the Modal Windows JavaScript API.

You can have a look at it here:

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

If you want more help let me know and I will send you an example.

Best Regards,
Kostas
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!

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Phil
Initial Email Subject: upgrade (sales) questions
Support Case Month: February 2013

Hi Guys

I have AllWebMenus Pro and an older version of Modal Windows.

I want a modal window for a Responsive site that is live at the moment but want to know if I upgrade whether this will work to resize for a responsive site please.

I want a modal to load for my client site on home page arrival  advertising a special offer and link to a page for {URL REMOVED}

Will this work please and how would you recommend I set it up? – if it will work I will upgrade both AWM and MW at the same time in my user account.

Kind regards,
Phil

Reply From: Likno Customer Support

Dear Phil,

The latest AllWebMenus indeed allows creating responsive menus for your sites. Note that setting a menu as responsive will not shrink the menu automatically! You need to create your own designs (e.g. make the tablet menu version as two-row menu and the phone menu version as a vertical menu) and the menu will automatically display the correct menu based on your settings.

The modal window was always “responsive”, in the sense that it will always stay within the boundaries of the current page.

I hope the above was helpful for you. Let me know if you want more specific details.

Best Regards,
Kostas
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!

Reply From: Phil

Dear Kostas

Thanks for your reply.

AWM

It is great to see your recommendation for tablet menu as two rows and mobile as vertical.

The problem I have had with AWM is knowing how to structure having three designs whereas, as we have discussed before css3menus.com auto-adjust from just one design.

I would like to go back to using AWM, as I am only making responsive sites now; could you just advise please:

1. Whether all or most designs can be in both horizontal and vertical – if not how do we tell?

2. Can you have both from within one project file.

3. Any more revelations of tips on how to set up AWM as responsive from your experience please – that tip above was so useful thanks.

MODAL

You mention that they always stay within the window boundary but there are settings in the project for width and height sizes in pixels.

So a m I wrong in thinking if I set it to 600px wide it will bust an iphone screen that has read the  tag
<meta name="viewport" content="width=device-width, initial-scale=1">.

If it just resizes to fill the screen then that would be excellent or if not what designs tips would you have for that please?

Reply From: Likno Customer Support

Dear Phil,

1) All designs can be switched from horizontal to vertical and vice versa. However, in some of them, the graphics have been especially designed for a specific orientation, so you may need to edit a couple of graphics to make the menu look perfect. The only way to tell if a design will look good in a different orientation, is to actually try it and see for yourself (it is only two clicks to do it).

2) A single project file will store all the responsive menu versions (up to four).

3) Hints:

a) First of all, turn your menu into a Responsive Menu

b) You can use these links to quickly clone the menu structure (for example you add a new item in version1 and want the same in the other menu versions)

c) Use this listbox to change from one version to another

responsive menu settings

Note that the way we’ve design this, you can even use a different Theme for each menu version , and each version can have a different menu structure!

Best Regards,
Kostas
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!

Reply From: Phil

Dear Kostas

Thank you very much for those tips, most useful.

At the bottom of my last email I was asking about the responsiveness of the Modal window software I was thinking of updating, could you advise on this too please, here is the bit from my last email:

MODAL

You mention that they always stay within the window boundary but there are settings in the project for width and height sizes in pixels.

So am I wrong in thinking if I set it to 600px wide it will bust an iphone screen that has read the  tag <meta name="viewport" content="width=device-width, initial-scale=1">.

If it just resizes to fill the screen then that would be excellent or if not what designs tips would you have for that please?

Reply From: Likno Customer Support

Dear Phil,

Indeed if you set the Modal Window to 2000px wide, it will always resize to fit within the screen, also leaving a margin of 15px if I am not mistaken.

You can easily try this by resizing the preview window in the application!

Best Regards,
Kostas
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!

Reply From: Phil

Dear Kostas

You are correct, thank you very much for your help and I have upgraded both software.

Kind regards,
Phil

 

Tags: , , , , , , , , ,

 

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


Initial Email From:
Glenn
Initial Email Subject: Windows resize to image size and centering.
Support Case Month: February 2013

Hello,

Is there a way to get the modal window to resize to the size of an image either automatically or by coding. I have many images on my site all of different sizes and would like the window the same size (with a small margin)

Also, is there a way to center the images in the window?

Thank you

Glenn

Reply From: Likno Customer Support

Dear Glenn,

Please try the following:

<img style="cursor: pointer;" onclick="Img({bodySource:'<img src=&quot;/Images/Bass/Squier_Jazz_Bass_V.jpg&quot;/>',containerCss:{'width':'1080px','height':'360px'},isMultiSheet:false});" width="300" height="90" border="0" alt="Squier 5-string Jazz Bass" src="../Images/Bass/Squier_Jazz_Bass_V.jpg">

Note however that you need to remove the <a> tag around this image! I see that you did not remove it in your page so it still opens the larger window once the quoting issue is fixed.

Best Regards,
Kostas
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!

Reply From: Glenn

Thanks Kostas. Up and running.

Just have to work out how to make the site wide change now!

As a future suggestion, I don’t know if it’s possible but it would be great if this could be an option in the Likno software. I’m sure a lot of users would like this feature. Particularly if the size was auto relative to the content of the window.

Anyway thanks for your help.

Cheers,
Glenn

 

Tags: , , ,

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Ilan
Initial Email Subject: menu offset x on internet explorer
Support Case Month: May 2012

hi,

i got some problem with my menu position . it has some undefined x offset and when i shrink the explorer window the menu slides out.

i recorded my problem this is the link :http://www.youtube.com/watch?v=rb8nSrsN0GU

thank you 
ilan

Reply From: Likno Customer Support

Dear Ilan,

I checked your page again and I only see IE9 being a bit off-place. However I cannot replicate the problem I saw in the video. The menu stays put in its starting page even when I resize the browser.

Regarding the position error, I see that you have added browser-specific offsets:

browser specific offsets

Can you please clean these up to see if the problem will be corrected?

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

 

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

 

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,

I like the Modal Windows to display external web page with auto resize (this is the page to display: http://www.pcmaster.com.sg/CardScan_feature.html) when user click on the word something like "Click for product comparison".

Please advise me how to do it.

Thank you in advance for helping this.

Regards,

Stanley

Reply From: Likno Customer Support

Dear Stanley,

I am afraid that the “auto” size does not work for external pages. Other than that, you can open the external page using the following values:

open external page in modal window

To call the modal from a specific link you need to add the modal name like so:

<a href="javascript:void(0)" target="Modal_Window_1">Click for product 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: , , , , , , , , , , ,

 


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