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


Initial Email From:
Graham
Initial Email Subject: Webpage - Liquid layout
Support Case Month: April 2013

Hello there I am just about to do the updates to the above website and I would like to make the webpages a bit more flexible for the viewer by using a liquid layout which would allow the website to contract or expand to suit to viewers monitors resolution. I altered the webpages, but I'm having trouble withe the menus, bother the vertical and the horizontal menu bars. Is there anyway to get the menu bars to shrink or grow to match the viewer resolution? or do I have to make ... say 3 websites with low, medium or higher resolution. At the moment on my test website the menu bar only comes across half the screen, when viewed on a very large monitor and it's too long on a low resolution? If you can point me in the right area, I would appreciate it.
Many thanks,
Graham

Reply From: Likno Customer Support

Hello,

The solution you are looking for is a Responsive Menu. This is supported by AllWebMenus, so first of all you need to get the latest AllWebMenus version if you do not already have this (according to your Update Plan you can get this for free).

Once you have this you will note that the following option has been added in the “Global Properties”:

responsive menu properties

I recommend that you have 4 menu versions to accommodate for 4 different screen sizes. Note that the predefined sizes are set to match the computer screen, iPad in horizontal and vertical orientation and mobile phones.

Once you select this you will notice the following listbox:

responsive menu versions

From this point on, your menu has 4 different versions and you can select from this listbox which version you are editing at any given time.

Then all you have to do is to set different styles (and content and positioning) for your four menu versions, and compile and upload the menu to your pages normally.

Note that we have also added a Responsive example to help you get started:

responsive menu example

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

Reply From: Graham

Thank you very much, I have the latest version and will have a go with it. I had completely missed the Responsive Menus.

Again...many thanks
Graham

 

Tags: , , , , , ,

 

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


Initial Email From:
Peter
Initial Email Subject: Mega Menu
Support Case Month: November 2012

Hi,

When a visitor to our site has a lower resolution or is "zoomed in", the mega menu shows scroll bars.  Is there a way to have no scroll bars regardless of resolution?

Many thanks,
Peter

Related URL: http://www.mainelyurns.com

Reply From: Likno Customer Support

Dear Peter,

The scrollbars only appear if your submenu is so big that it will not fit the page.

If you do not have scrollbars then you will miss some part of the submenu! Is this what you really want?

If so, then I believe you can achieve this by adding “overflow: hidden;” to the “style” of the parent <div> of each submenu.

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


Initial Email From:
Phil
Initial Email Subject: Cross browser problem - bug
Support Case Month: September 2012

Hi guys

I think there is a bug in that the right side image on the menu, shows as missing or left sided in IE7 & 8, Chrome and Safari but is ok in IE9 and Firefox.

I’ m trying to avoid specifying a width as using Dreamweaver CS6 and the Fluid Grid layout which provides responsive designs - with the pace of smart phone web use the menus will have to perform cross device, perhaps % sizing would help

I will send the awn file by email and it includes the asset files as well.

Kind regards

Phil

Reply From: Likno Customer Support

Dear Phil,

It seems that this issue is generated by a rule in your layout.css file. Specifically, you have the following rule close to the top of the file:

img, object, embed, video {

        max-width: 100%;

}

This rule affects ALL images, including those of the menu. I suggest that you remove this rule, or make it more specific (e.g. apply to a given class).

If this is not possible, let me know and I will forward the case to our developers to see if they can work around the problem on the menu library side.

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

Hi Kostas

Thanks for the reply.

It is not possible to change this as it is the starting point for Dreamweaver CS6 new fluid grid or ‘Responsive’ layouts.

It is created by the Dreamweaver system, as is all of layout.css and we are advised not to touch it.

I would be grateful if your developers have a workaround please.

Kind regards

Phil

Reply From: Likno Customer Support

Dear Phil,

Sorry, I did not realize this!

I have forwarded this case to our developers and they will produce a fix for it. I will let you know as soon as this is available for download.

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

Dear Kostas

Thank you.

A resolution advice would be appreciated, the site only has a few more pages to do and the client is keen to go live.

They are well impressed with the responsive system and how it looks on smart phones.

Kind regards

Phil

Reply From: Likno Customer Support

Dear Phil,

This is to let you know that we just uploaded a new AllWebMenus version (build 896.2) that resolves this problem.

Please download it and recompile your menus:

http://www.likno.com/download.html

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

Dear Kostas

Thank you – it works Smile

I cannot believe how quickly you guys resolved this – fantastic.

I was beginning to think that perhaps AWM would not be suitable for Responsive design I am going to have to use in the future and as I use AWM on nearly all my sites I was disappointed.

Hopefully your developers have cured this for all the designs and please pass my thanks on to them for such  great service.

As an aside, I have used the menus now for a good few years and I would love to see new theme releases looking more modern with say rounded corners built in to the graphics.

On each new site I struggle to find a different design and have to discard the ones that have square corners as IE 7 and 8 will not round them and css3pie.com that I use cannot be connected to the menu to round them.

You guys have a great product and service, hope you do not mind me giving a bit of user feedback.

Thanks again.

Kind regards

Phil

Reply From: Likno Customer Support

Hello Phil,

We are glad to have helped you.

We are looking to create a "Responsive Menu" Add-in, where you can choose different styling and positioning for the menu when different "rules" apply (screen width less than 500 pixels, etc.). This will be implemented in October, we will let you know before releasing it so that you can give it a try and let us know your thoughts.

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

 

November 29th, 2012Are your products "responsive"?

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


Initial Email From:
Pamela
Initial Email Subject: "Responsive" menus
Support Case Month: September 2012

Hello Support:
Since the trend is to develop "responsive" web sites that will automatically resize itself depending on the media (iphone, ipad, etc.) used by customers, will AllWebMenu also resize itself to meet the different resolutions of the different media?

Reply From: Likno Customer Support

Hello,

We are actually in the process of creating Responsive Menus for AllWebMenus. The plan is to release this in the beginning of October.

The new feature will allow you to create different styles for your menu and specify when (for which resolutions) each style will be used.

If you want I can add your email to a notify list, so that you will be among the first to know about this once it is ready.

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

Hello Kostas:

Yes, please add me to the mailing list once it is ready. I really need them ASAP. Thanks for letting me know.

Will you be adding responsive features to the other likno products?

Pamela

Reply From: Likno Customer Support

Hello again,

Well, most of our other products are already “responsive” in the sense that you can leave them at “auto” width.

What exactly did you have in mind, and for which product?

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

Hello Kostas:

I was thinking about the Web Accordion, Web Tabs and Web Scroller being responsive. Therefore, setting the width to "auto" will make these products responsive?

Pamela

Reply From: Likno Customer Support

Dear Pamela,

If you set the width to “auto” then the control (Accordion, Tab or Scroller) will take the full width of its parent element.

Hence if the parent element is responsive and has different width depending on the screen size, the control will also have a different width.

Note that not all controls can do this “run-time” (meaning they may need a refresh of the page to adjust their size instead of adjusting “live” while you resize your browser), but this is not a restriction for responsiveness as the iPad or any smaller screen will not change its size!

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