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:
Tomaz
Initial Email Subject: Google translator
Support Case Month: October 2012

Hi

Why Google Translate does not translate menu on my pages?

THX
Tomaž

Reply From: Likno Customer Support

Dear Tomaz,

Google Translate cannot translate complex JavaScript components such as the menu. If you want to use Google Translate with your menu, please use the CSS menu genre.

Keep in mind however that if the translation text is larger than the original one, the text may bleed outside the menu buttons. The menu cannot automatically readjust itself to fit the translated text.

As such, I recommend setting an item width that is not marginal for your text.

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

I am a bit uninformed here
How to use / create / upload CSS menu genre
Does it mean I should change menu codes for all my 254 html's ?
Funny, but http://www.microsofttranslator.com works mostly fine with menu too

Tomaž

Reply From: Likno Customer Support

Hello again,

This happens because of the way Google works (posts things to its server and displays the page as an iframe). This way, Google translates everything BEFORE the menu is created, while Microsoft translates everything runtime.

I guess that any ULLI menu would work with Google (both JavaScript & CSS). To make your menu a ULLI menu you need to select the following option:

populate menu through ul li items

Then you need to add a UL/LI structure into each of your pages. If you have 254 pages then I strongly recommend that you add this in a single “include” file that will be added in all pages. This way it will be much easier to maintain the menu in the future.

For detailed into on how this works, click on the question-mark button & settings link.

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:
Anthony
Initial Email Subject:  Multilingual Menu Question?
Support Case Month: March 2012

We spoke a while back about using a version of AllWebMenus that could be translated into different languages. You had mentioned (although I've lost the email) something about using a 'CSS version' to accommodate that but it wasn't available yet.

1. Is this still possible?

2. And where/how do I get it to start working with it?

As always thank you for your wonderful support.

Sincerely,
Anthony

Reply From: Likno Customer Support

Yes, the CSS menu is available, but please remind me. Did you have a menu in a CMS (e.g. Joomla, Drupal, WordPress etc.)?

How did you want to use this?

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

We will actually be trying to put this menu into an ecommerce system called Interspire. My programmer seems to think that it will work.

Any thoughts?

PS - And how do I use the CSS menu? Is it already within the application somewhere or what?

Sincerely,
Anthony

Reply From: Likno Customer Support

Hello again,

The CSS menu is an option within AllWebMenus. Using this option, the menu will ignore any structure you have defined within the application and will instead try to build itself using a UL/LI structure in your page.

If Interspire produces a UL/LI structure, then this can be used and transformed into a menu.

ul li structure

Clicking on the question mark image will give you more info on this. Clicking on the “settings” link of the “UL/LI” feature will also give you sample code for what you need to have in your 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: Anthony

Ok, I am wondering if you can help me with some honest and well thought out direction.

· Here is one of your menus created using CSS at www.govland.com. Here is a link to how Google translates it at http://goo.gl/F7ZEz.

· Here is another one of your menus created using CSS at www.securebydesign.co/index.htm. Here is a link to how Google translates it at http://goo.gl/h8rgc

You can see that styling properties get all messed up (ie. blue & purple links, or colors other than what I defined).

----------------------------------------------------

Now, I am building a new website at www.abinterfaces.com/airborne-labs-international . I hope to use your CSS menu system for both navigation bars at the top but they both must work with Google Translation and not look bad.

How do keep the styles in tact (ie. prevent default blue and purple link colors etc)?

As always, I truly appreciate any help that you can provide! You guys are the best.

PS - Here is a website that uses the feature without busting things up as an example at www.literacyforlife.org (choose 'Spanish' in button at top).

Sincerely,
Anthony

Reply From: Likno Customer Support

Dear Anthony,

I see that you are using the “UL/LI” method, but these are not CSS menus – they are still JS menus. I suggest that you try using CSS menus to see if this works better with Google Translate (it should):

css main menu

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