Through the Responsive Menu feature you can specify the menu to show a different version of itself  depending on screen size (width). This is very useful when your website uses a responsive web design (RWD) layout.

Each different responsive menu version of the same menu project may have different content, styling or page positioning (at any combination).

How?

Open the "Responsive Menu" property found in "Global Properties"…

Responsive Menu property

 

...and select "Yes" along with the number of responsive menus that the loaded menu project should use.

Responsive Menu property UI

 

A listbox will then appear at the right side of the toolbar:

Responsive Menu property menu

 

Through this listbox, you can always select a different "Version" of your menu project (other than the regular "Version 1") to edit. All properties then refer to that particular version of the menu (except of some compile properties that refer to the entire project as a whole). You may then edit these properties to change the content, style or positioning values of that version.You can use the "Copy" and "Paste" functionality on the Structure or Styles among the different versions.

Note that some restrictions apply on this feature:

- You cannot have "responsive menus" when your menu project is of the CSS Menu Genre (to be implemented).
- You cannot have "responsive menus" when your menu project uses the "UL/LI" population method (to be implemented).
- You cannot have "responsive menus" when your menu project uses the "Cross-frame support" feature.

Note that we have more ideas to implement later on this feature (like use of a "combo box" as the smallest responsive menu version, more options to make the "copy & paste" easier between the different menu versions, etc.). Let us know your ideas too!

Click here to view a "Responsive Menu Example" online.

--------
Likno Software - www.likno.com
Create any kind of javascript menu (CSS menu/drop-down menu/sliding menu), web tree, button, tab, modal, tooltip, accordion, scroller, design 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:
Rudolf
Initial Email Subject: Web Windows Modal Builder
Support Case Month: June 2012

If I use Mozilla it's ok. - If I use Google Chrome it's ok - but if I use Internet Explorer 9 it's not OK . no Windows appears.
You can test  www.seeshaupt.de

Reply From: Likno Customer Support

Dear Rudolf,

I did some further testing and it seems that the modal does not always appear when viewing the page in “quirks mode”.

IE will enter “quirks mode” (essentially IE5.5 compatibility mode) if your page does not have a valid DOCTYPE.

Please try changing this:

<html>

To this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

This will allow IE9 to work in its normal mode, and it will also allow it to support CSS3 features (such as drop-shadows and rounded corners that are not supported in “quirks mode”).

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: Rudolf

Hi Kostas,

may be a problem with the frame:

www.seeshaupt.de the index.htm is a frame with a link to start-page to  www.seeshaupt.de/Seeshaupt_Start1.htm.

If you call direct this page like www.seeshaupt.de/Seeshaupt_Start1.htm  the windows Modal worked fine

Mit freundlichen Grüßen

Rudolf

Reply From: Likno Customer Support

Hello again,

So does this resolve your problem? Or do you need to keep the frame and still make it work?

If you need the frame, did you try adding proper DOCTYPE in both your pages? (the parent page and the inner framed page)

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: Rudolf

Hi Kostas

A lot of thanks.

Now Windows Modal worked fine with IE9.

Solution: only in the frame (e.g Index.htm) is necessary to include the Doctype.

Mit freundlichen Grüßen

Rudolf

 

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

 

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


Initial Email From:
Leon
Initial Email Subject: Accordion Program
Support Case Month: August 2012

Please can you help my, i have a problem with about Modal Windows Builder

I have create a new website in frames (I know oldschool ;-)

1) In Firefox there is no problem, in IE and all other browsers opens the windows white Photo's in the frame from het menu (allwebmenus)

Example: http://www.detailinbeeld.nl/cursussen/voorbeelden/index.htmlclick on de button "VOORBEELDEN"

I send you in de attachment the Modal Windows and the AllWebmenu files i use

2) How do u change the time between sheet 1 and sheet 2?

3) If i change the size from the page numbers on the navigation bar is OK when I press PREVIEW F5 but in all browsers it's to big

I hope you know what i mean, my English is not so good.

Regards from Holland

Met vriendelijke groet,

Leon

Reply From: Likno Customer Support

Dear Leon,

1) I checked your page and I see that the problem appears in IE8 or older. I am afraid that this is due to a security issue of older IE versions. I do not believe that it is possible to resolve this. It may help if you add a proper DOCTYPE (currently you do not have any). Please try replacing this:

<html>

With this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

2) Are you referring to the transition time? If so, this can be changed in the “Multi-Sheet” options:

modal windows multi sheet options

3) So, for the navigation bar, you see a different font size in the preview than in your browser? Can you please send me:

                i) a screenshot of what you see in the preview and the browser

                ii) the modal project (use “Project -> Export -> To ZIP”)

                iii) the URL so that I can check it myself

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: Leon

Dear Kostas,

1) Same problem with Opera New Version 12.01. DOCTYPE  don't work ( I hope we can fix this problem)

2) Thanks

3) See attachment

URL http://www.detailinbeeld.nl/cursussen/voorbeelden/index.html click on de button "VOORBEELDEN"

Regards

Leon

Reply From: Likno Customer Support

Dear Leon,

I am afraid that the frame issue cannot be resolved…

I talked to our developer team and they told me that we already have all known ways of “breaking out of frames” inside the modal library.

The only solution would be to not use frames I guess…  (in any case they are considered a very old technology and will be obsolete soon)

Regarding the font-size in the modal, I am guessing that you were changing the font-size for the “navigationBarText” class. This however only applies to the “label” and not the page numbers. To fix this, you need to also apply the font size to the “navigationBarSheetSection” class:

font size settings

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 AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Clas
Initial Email Subject: Problem when linking to pages
Support Case Month: November 2012

Hi, I recently bought a license for AllWebMenus and it really is very nice to work with. I am currently trying to incorporate the menus to a site and do have problems in getting the links to work. It does work fine when I do the preview of page but when running it under Internet Explorer 8 (and Chrome as well) and clicking on the menu, nothing happens. It seems like I do something wrong. I have a "menus" which is to be the base for each page... I have tried several forms of linking but I can not get it to work

Please find enclosed sample.

Thank you in advance for assisting in this matter.

Regards,
Clas 

Reply From: Likno Customer Support

Dear Clas,

I checked your pages and realized that they are going into an endless loop!

Your page, “index.html”, is actually a frameset consisting of “databmenu.html” and “databhome.html”. When you call “downloads-intro.html”, this is loaded into the top frame where “databmenu.html”, but this is also a frameset page so now your page has a top frame which has two inner-frames and a bottom frame. However the top frame is small so you only see the first inner-frame. Then if you click again you end up with three framesets of two frames each etc.

What you need to do:

1) Keep only one frameset page, “index.html”.

2) Set all your links in the menu to target “content” (that is the name you gave to your bottom frame).

3) The link should point directly to “downloads-intro_txt.html” as the “downloads-intro.html” is no longer required.

4) If you need to call “downloads-intro.html”, then make sure you target “_top” so that it loads in the whole page and not only within the frame.

link target frame

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:
Ruurd
Initial Email Subject: Modal Windows iframe
Support Case Month: August 2012

Dear reader,

standard behavior of Modal Windows is to "break out" of the frame, as you call it.

How can I show it in the iFrame and limit it to the frame area only?

I did use relative to “a page element”, but then the close image appears in the center of the browser window (not at the right top corner of the Modal Window).

When I use the same code running local with Apache-PHP or on the domain changes the behavior of the Modal Window: on domain the setting: “appears relative to the browser window” does actually show within the iFrame!!

I understand what you write about iFrames in the help system under FAQ, but there is no actual difference I am aware of between the domain and local environment..

What to do?

Thank you for your help in advance.

Kind regards,
RuuRd

Related URL: http://ruurd.eu

Reply From: Likno Customer Support

Dear Ruurd,

Actually, there is a big difference as far as browser security is concerned…

The “break out of frames” feature is always trying to run, but there are cases where this is not possible due to browser security restrictions. These depend on whether you are viewing local files or not, if all your frames come from the exact same domain and even on the browser you are using.

So you may see a Modal breaking out of frames online but not locally, or you may see it work in Firefox but not Opera (which is more strict).

Right now, the modal will always try to break out of frames. The easiest way to stop it, is probably to make your iframe come from a different domain. Note here, that “likno.com” and “www.likno.com” are considered different domains, so it may be as simple  as adding “www” in your iframe src.

If this does not work in your case, then please send me the URL to see what you’ve done. At the end, we may need to add an extra checkbox in the application so that you decide whether the feature should run or not, but since you are the first to ever ask for this we’d rather avoid it for now.

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: Ruurd

Thank you for your quick reply Kostas,

For now I changed my PHP script to solve my issue with a relative URL:

{SCRIPT CODE REMOVED}

$url is used to prepare hyperlinks that create a iframe popups.

I think this is nasty and I would prefer  to escape the “break out of frames” feature in another way.

Would it be possible to toggle the feature with a parameter in the Javascript command that creates the Modal Window, like: Modal_Window_2(frames:{ relativeToFrame: true});

Thank you for your help in advance.

Kind regards,
RuuRd

Reply From: Likno Customer Support

Dear Ruurd,

I am afraid that this is not currently available. Nonetheless, we are about to release a new Modal version, so I will try to squeeze in this feature too.

I’ll let you know later today.

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: Ruurd

Thank you Kostas,

Hope you will make it to implement this “browser escape feature”  in some kind of way.

Take care.

Kind regards,
RuuRd

Reply From: Likno Customer Support

Dear RuuRd,

Please download the latest Modal Windows here:

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

Then, when calling the modal, pass the “dontBreakOutOfFrames: true” parameter. For example:

Modal_Window_2({dontBreakOutOfFrames: true});

Let me know if this works as expected.

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: Ruurd

Maybe you need:

http://ruurd.eu/mediaecology/test/test_modal_project_a.php?stage=#

to avoid redirection

RuuRd

Reply From: Likno Customer Support

It is online. Please download again and let me know.

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: Ruurd

Sorry, Kostas, looks alright now!

Must have been something in the cache …

Running local with param:

modal window

Thanks very much for your quick fix and help!!

RuuRd

 

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

 


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