Google Translate Location

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
2/4/2013 12:11:26 AM
Gravatar
Total Posts 21

Google Translate Location

We would like to have the toggle for Google Translate  in the Top Nav Menu

or in our rather large header

Also it is not complete in IE8

2/4/2013 9:42:43 AM
Gravatar
Total Posts 2239

Re: Google Translate Location

Hi,

I recommend you follow the instructions at Google for adding a translate widget to the header of your site. http://translate.google.com/manager/website/?hl=en

The code they give you should be put into the layout.master file of your skin.

HTH,
Joe D.

2/5/2013 12:49:17 AM
Gravatar
Total Posts 21

Re: Google Translate Location

Thanks

and it is showing in the source of http://158.255.45.230/titles.aspx , but not on the actual page in the header hopefully just above the search box.  perhaps a Z-Index?

 

      <%-- portal:SiteSlogan ID="ss1" runat="server" /></h2 --%>
                </div>
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
                  
                        </div>
   <portal:SearchInput id="SearchInputBox1" runat="server" LinkOnly="false" RenderAsListItem="false" ButtonCssClass="searchbutton" TextboxCssClass="searchbox" OverrideWatermark="enter search terms" UseHeading="false" HideOnLoginPage="true"
  HideOnPasswordRecoveryPage="true" HideOnRegistrationPage="true" HideOnSearchResultsPage="false" HideOnSiteSettingsPage="true" />

                    </div>
                </div>
            </div>

 

ps I saw it in the menu once when I tried to put it there, but it was hidden behind the menu

2/11/2013 10:03:35 AM
Gravatar
Total Posts 21

Re: Google Translate Location

So it is hiding behind the buttons in the top nav,

Tried to put in the footer next to the RSS icon and not showing up. at all.

 

Google gave me a custom Meta and options on display types.  Here is a full one.

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

2/11/2013 10:05:59 AM
Gravatar
Total Posts 21

Re: Google Translate Location

Sample page

http://158.255.45.230/upcoming-events.aspx

where the translate should be in the footer

2/11/2013 10:41:40 AM
Gravatar
Total Posts 18439

Re: Google Translate Location

probably you should make room for it by positioning your menu lower or putting a top margin on it to create space 

2/11/2013 10:43:05 AM
Gravatar
Total Posts 18439

Re: Google Translate Location

oh, I thought you wanted it in the header. looks ok in your footer to me.

2/11/2013 10:44:26 AM
Gravatar
Total Posts 21

Re: Google Translate Location

OK its in the footer, but NOT in old versions of IE.

Checked with  Firefox - Chrome - Opera -  Safari and all working in the footer on both skins

http://158.255.45.230/home.aspx has the Admin controlled Mojo Google translate module in the top of the left Nav, that is not working on all browsers.

Site default skin is the webnew-2columns/style.css skin

http://158.255.45.230/upcoming-events.aspx is one of those pages

2/18/2013 7:04:25 PM
Gravatar
Total Posts 21

Re: Google Translate Location

1.

OK its in the footer, but NOT in old versions of IE.

Really want it in the Header above the searchbox.2.

2.

Why can't the GoogleTranslate Module that comes w/ MojoPortal be positioned anywhere?

It is very pretty, although it does'nt show up in IE8 and newer either.

 

 

2/19/2013 10:24:26 AM
Gravatar
Total Posts 18439

Re: Google Translate Location

The Google Translate feature in the dropdown list of features is just like any CMS content feature it can only be put in a content pane.

But the GoogleTranslatePanel can be used anywhere in layout.master. However the javascript and css from google can also affect how it renders. The GoogleTranslatePanel is just a convenience control, you could wire up the widget directly using html and javascript from google in layout.master, the control is just doing that for you but you may get more control doing it yourself. However styling and positioning it may involve working against the style that google is imposing on it from their css and javascript. You can google for "styling the google translate widet" for more info.

Hope that helps,

Joe

2/21/2013 1:48:49 AM
Gravatar
Total Posts 21

Re: Google Translate Location

Just loaded - NOT playing nice w/ IE

     <p><portal:GoogleTranslatePanel id="gt1" runat="server" CssClass="gtranslate" /></p>

at http://devel.eurobridge.org/ and it shows up in everything but older IE

Same as

     <p><div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></p>

You must sign in to post in the forums. This thread is closed to new posts.