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


Initial Email From:
Gisbert
Initial Email Subject: Google Translator within a menu
Support Case Month: May 2013

Hello ,

I want to implement a Google translator within my AllWebMenus.

Here is the code  with one of my website pages.

This is the meta data:

<meta name="google-translate-customization" content="80d0ad144bd83465-b5af1067486ce75c-gf85d3def40656a45-2f"></meta>

and this the code for the language choose box:

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, gaTrack: true, gaId: 'UA-1699958-2'}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

I implemented it by HTM Full mode, but it doesn't work.

I can't get this run within the menu.

Any chance to get it run. I think that is a areal good feature within a menu

Thanks for your help in advance

Cheers

Gisbert

Reply From: Likno Customer Support

Dear Gisbert,

Indeed adding <script> tags within a menu element can cause unpredictable results.

The best way to implement what you want, is to do it within your actual page. To do this, you will need to change your menu into a “UL/LI” menu that takes its structure from your HTML page.

The screenshot below shows you how to change the menu to “UL/LI” and how to get the sample menu code to use in your page:

ul li menu

Note that UL/LI menus require that you have the population code in each page where the menu appears. For this reason, we highly recommend that you create an include file and put the code there, so that it is easier to maintain in the future.

You can get more help regarding this feature within the application help (just click on the question mark above the “settings” link).

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

Thanks a lot for the fast answer.
I will see what I can do , maybe I stay with the menu as it is and I implement the translator free on the page.
Have a nice day
Cheers
Gisbert

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

 

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


Initial Email From:
Claudio
Initial Email Subject: awmShowItem
Support Case Month: May 2013

Kostas,

I am back with the same technical problem I encountered in the Blog below:

http://www.likno.com/blog/highlight-menu-item/2418/

You are saying in the blog response:

The “it7” is the ID of this specific item. It is NOT just its order in the menu. If you add other items before or after it, this item will still be referenced by “it7”.

==================

In the AllWebMenus Help, I read a different explanation:

About the awmShowItem variable when the menu is populated using a "UL/LI structure". 

In order to find the correct ID to use as a parameter, you should count the loading order of the ULs and LIs. So you should count how many LI tags are found in the UL/LI structure until the desired item is found.
For example this is a usual UL/LI code:
<ul id="awmULLI-menu" style="display:none;">
<li>Main Item 1</li>
<li>Main Item 2
   <ul>
     <li>Sub Item 1</li>
     <li>Sub Item 2
       <ul>
         <li>Sub Item 4</li>
         <li>Sub Item 5</li>
         <li>Sub Item 6</li>
       </ul>
     </li>
     <li>Sub Item 3</li>
   </ul>
</li>
<li>Main Item 3</li>
</ul>

According to the awmShowItem technique, if you want to make the “Sub Item 6” highlighted, you should use it7 since its LI tag is the 7th LI in the structure

==================

Testing the theory on the new project:  {URL REMOVED}

I am using the function var awmShowItem=["MainMenu,it5,1,0"];

IF I add another item in the BISHOP menu list, the highlighted menu option will move to the BISHOP group, since that option changed to it6.

The only solution to the problem is to create a javascript function where the selection of the menu item is based either on the URL or the anchor text:

awmShowItem=["MainMenu,Ministries,1,0"];  

awmShowItem=["MainMenu,CatholicDiocese.php?op=ILS_Information,1,0"];

Otherwise, I will have to go page by page to update the javascript code of similar pages, every time I add a new LI item into the structure.

Reply From: Likno Customer Support

Dear Claudio,

When you are using a menu project and you populate your menu in there, then each menu item gets a specific ID that will not change when you move this item around or add other items around it.

However, when you are using a UL/LI menu then the menu is dynamically created at runtime, so the menu items also get their ID at runtime and there is no way to have a specific item keep a specific id.

In this case, indeed, when you add items you may need to change the highlight code too.

However you say that you need to change this in every page. This suggests that you manually included the code in each of your pages in the first place. Our recommendation is that you use an include file (e.g. a PHP or ASP file) and keep the menu Linking Code, Structure Code and highlight code there. This way it will be automatically included in all pages, but it will be much easier to maintain as you will only need to change and upload a single file when you need to change the menu again.

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 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:
Geoff
Initial Email Subject: Frontpage
Support Case Month: March 2013

I am using Frontage 2002 (10.6308.6870) on windows 7. I am running 5.3 Build #904.

I can import the Frontpage navigation structure but when I try to generate the menu Allwebmenus stops working.

Geoff

Reply From: Likno Customer Support

Dear Geoff,

Do you get any error messages when this happens? If so, can you please send me a screenshot?

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

Hello Kostas,

I do get this message

automation error

Best regards

Geoff

Reply From: Likno Customer Support

Dear Geoff,

This means that AllWebMenus does not have enough access rights to do what you are asking. This can be caused if you have set the FrontPage to run in “Compatibility Mode” in windows 7, as this also gives it administrator rights.

I believe the easiest way to correct this issue, is to run AllWebMenus “as Administrator”. To do this permanently, you need to right-click on the desktop shortcut, select Properties, then the “Compatibility” tab, then check the “Run this program as an administrator” option. Note that this will only work when you start AllWebMenus from the desktop icon. It will not work if you start AllWebMenus by double-clicking a project file.

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


Initial Email From:
Adrian
Initial Email Subject: Internet Explorer V10 menus
Support Case Month: March 2013

Hello,

I want to buy the software, but I have to know before, FOR SURE, if it supports html5, modern browsers, and IE7 to IE10 (the same question for Likno Web Modal Windows Builder).

Also please inform if AllWebMenus works under a structure as:

<body>

<div id="inner">

<div id="outer">

<div id="Wrapper">  (positioning relative)

<here should be Likno menu> (positioning absolute)

I worked with Sothink DHTML Menu, that doesn’t support html5, and I have to switch to another software.

There is a starting sample at www.romtehnochim.com.

Thanks in advance,

Adrian

Reply From: Likno Customer Support

Dear Adrian,

Yes, AllWebMenus does fully support HTML5 as well as all the latest browsers and mobile devices.

It will work with every possible HTML structure so you do not have to worry about this. Just select the page Element that will be used for Positioning and your menu will be attached to it.

Also note that if you find any difficulties, we are always here to help you out.

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

 


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