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


Initial Email From:
Sarah
Initial Email Subject: Question about AllWebMenus Pro product
Support Case Month: August 2013

Hi Likno Sales!

Currently I am using an older version of the AllWebMenus product on my website that is not showing in the Safari browser and I am thinking about upgrading to the newest one.

Will this new AllWebMenus Pro work in all browsers (IE7, IE8, IE9, IE10, Chrome, Firefox, Opera, and Safari)? And will this menu work on my website if someone is viewing the site on their phone? My site is not a responsive website, but when you look at it on the phone, you can see it as a mini version on the phone and I want to know if the menu is compatible with phone browsers. So even when people are pinch to zooming on my site from their phone, they are able to use the menu.

Also, when I purchase this product, will there be instructions on how to integrate this product into my website? Is there instructions on how to upgrade or change the AllWebMenus I currently have in my website with the new one?

Thank  you! 
Sarah

Reply From: Likno Customer Support

Hello Sarah,

The answer is yes, AllWebMenus Pro (the latest version) works in all modern browsers including IE7, IE8, IE9, IE10, Internet Explorer 11, Chrome, Firefox, Opera, Safari.

Indeed, the menus are going to work on devices such as smartphones/tablets.

With AllWebMenus you are able to create up to 4 versions of your menu in case you want it to be responsive. Still, you can leave it as is and it is going to work on phones/tablets.

When you purchase the product, you need to login to your userarea and download the latest version of AllWebMenus.

Install AllWebMenus Pro.

Activate it.

Then, open your menu project, re-compile it and re-upload the new produced files.

Let me know if you need more information.

Kind Regards, 
Aggelos Tsakonas
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: Sarah

Thank you, Aggelos!

 

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

 

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


Initial Email From:
Claudio
Initial Email Subject: JavaScript function to trigger menu refresh.
Support Case Month: April 2013

Is there a JavaScript function I can trigger to force the refresh of the menu without having to refresh the page?

I am developing my first responsive menu, and the only solution that I could find to "wrap" the entire menu into a single button for the smartphone was to use jQuery to create another node in the <ul><li> structure for the menu.

It works! But the page needs to be refreshed.

I am open to other ideas and suggestions.  Do you have examples of other web sites that use your responsive menus that I can take a look at?  I have been using your product for many years and I don't mind adapting my design to fit your product specifications.

One more question related to Responsive Menus.

Please check in the iPad the link below.

  1. On portrait mode, select the menu option "Products", it should open the sub-menu.
  2. Leave the submenu open, and change the orientation to landscape mode.  The sub-menu remains open, but moves to Technical.

I would prefer that each time we change the orientation of the screen, the sub-menus would automatically close.

If you provide me the Javascript function that takes care of that, I can put in my code, but in this case I actually think should be default in the compilation of the AllWebMenu.

Claudio

Reply From: Likno Customer Support

Hello,

I am afraid that there is no way to refresh the menu without refreshing the page.

The only solution I can think of, is if you put the structure within the application, in which case you are allowed to have a different structure for each responsive version.

This would work, but it does not support pure CSS menus which are based on the UL/LI method (nor menus with dynamic structure, as it has to be defined within the application).

Regarding the iPad submenu issue, I have forwarded it to our developer team and I expect a fix to be released soon (so that the submenus close).

Also please note that the feature you asked for in December (loading the UL/LI menu after the DOM loads) has been included in the latest version of AllWebMenus.

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

Thank you very much for your responses.  I understand the delay because I also deal with technical issues that sometimes they either pile up or take longer to resolve.

I am happy that the issue of December was resolved!  I will download the latest version and recompile some of my menus to test it.  Thanks for taking care of that.

Regarding the refresh of the menu, the problem I presented is not a deal breaker.  Unless you are in a demonstration showing how the web site is responsive, resizing the window, you will not encounter problems if you simply land in the responsive web site in a smart-phone, a tablet or a desktop.

However I would like to know what would be a good natural suggestion for dynamically UL/LI responsive menu.

In you example page:  http://www.likno.com/examples/responsive-menu-resize-page.html, if you think about it, it is not a practical solution.

The menu shrinks from one line (above 768px)  to two lines (between 480px to 767px), and finally to a vertical menu (below 500px).

The menu version for smart phones (below 500px) seems to have the menu aligned to the top-left corner to the window browser (I don't know how it was configured), and the content of the page inside div class=highlightBox is being squeezed to the side.  It's not a practical solution! 

By the way, the sample for the page http://www.likno.com/examples/responsive-menu-resize-page.html  should be in pure HTML5, using NAV for the menu....  just a suggestion.  Other web developers might want to see your code to copy your solution.

If you don't mind, I would like to discuss with you some suggestions to present to other programmers. I am not the type to spend time in forums and blogs, but I do like a technical challenge to be discussed directly with the solution provider.  I will be happy if I can help you improve your product, which I like and have been using for a long time.

  1. My solution in Paneltronics web site uses jQuery to dynamically create another UL/LI level to nest the entire main navigation inside a single list item.  The problem (not deal breaker) is the page refresh.
  2. Another option, that I have not thought thoroughly, is to put the AllWebMenus to work with two HTML containers:  Div1 (contains Menu button), NAV. 
    For desktop and tablet:  Div1 is set to display = none, NAV is set to display = block;
    For smartphones:  Div1 is set to display = block, NAV is set to display = none.  A simpler jQuery will toggle the display of the AllWebMenu...  
    ... is that an idea that works?  I will try it later (don't know when), and let you know.

Claudio

P.S.

http://2012paneltronics.atimo.us/AboutUs.asp?op=Snapshot

Please check the page above to see how I decided to implement the responsive menu for mobile.

I created the <div class="buttonR" id="menuButton">MENU</div> and I am using jQuery to toggle between displaying/hiding the menu.

Read my comments in green in the message below.

It's a simple solution and may work well.

Reply From: Likno Customer Support

Dear Claudio,

Nice one! Very clever workaround indeed.

So you are basically moving the Positioning Element of the smaller menu in and out of page and the menu follows that.

I will keep it in mind in case someone else has a similar issue. Also I have added the request to allow for a different UL/LI structure in each “version”. This is of considered a very low-priority for now, but it will be implemented eventually (especially if more people ask for it).

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

Thank you!

Don't worry about the low-priority issue.  I have my problem resolved.  Feel free to share this solution with whoever has the same situation.

Claudio

 

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

 

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


Initial Email From:
Felix
Initial Email Subject: Problem with Android
Support Case Month: March 2013

I have build 2 websites with multiframes (menu-, left-, right- and main-frame).

{URL REMOVED} (ok) and {URL REMOVED} (make problems)

In both i used AllWebMenus PRO 5.3. The "Main Menu Group" is in the "menu-frame" and the "Submenu Groups" in the "main-frame"

In Windows XP, 7 ... the Menus on both Sites looks correct in all Browsers (IE8, IE9, Firefox, Chrome, Opera and Safari ...)

But when i open {URL REMOVED} on an Android- Smartphone or a Tablet i.Ex. Samsung Galaxy Tab 2 10.1 the "Submenu Groups" are behind the "Main Menu Group". When you the click on "Zuchthündinnen" (That "Submenu Group" contains 8 items) then 2 and a half "items" peep out under the "Main Menu Group.

When i open on the same Andoid-Tablet the Site {URL REMOVED} all looks correct.

Please i need Help

With greetings,
Felix

Reply From: Likno Customer Support

Dear Felix,

This is to let you know that we have just uploaded a new AllWebMenus build (906) that resolves the android issue.

You can get it here:

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

Please let me know if everything works as expected.

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

Hello Kostas,

Thank you very much for the hint of build #906

Now everything works as expected.

So i’m very happy

With regards,
Felix

 

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

 

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


Initial Email From:
Hugo
Initial Email Subject: Opacity in AllWebMenus Pro
Support Case Month: December 2012

Hi Likno:

This is the first time I tried Opacity with AllWebMenus. I would like the background color of a subgroup to be 85% Opacity. However the text of the group also get the 85% Opacity. Can I make only the background color with 85% Opacity and the Text 100% Opacity?

Another questions about the font... Is Calibri font supported with all browsers?

Thank you for your help!!!
Hugo

Reply From: Likno Customer Support

Dear Hugo,

I am afraid that the background-only opacity is not currently supported by AllWebMenus.

Regarding Calibri, this is not browser-related but OS-related. If the end user has Calibri installed in his/her PC (or Mac, or smartphone etc.) then the browser will show it without problems. I believe that Calibri is indeed supported by everyone.

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

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

 

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

 


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