Sharepoint 2010 - Cambiare Lingua al Titolo delle Web Part

-
Sharepoint 2010 dà la possibilità di implementare la localizzazione dei siti (e dei suoi elementi), grazie alla Multilanguage User Interface.

Purtroppo, come ben documentato da MS stessa (http://technet.microsoft.com/it-it/library/ff805062.aspx#Section7), non tutti gli elementi di un sito possono avere al seguito le traduzioni.

Una possibilità è quella di utilizzare un controllo client che ci permetta di cambiare lingua al titolo delle web part.
Analizzando il codice della pagina prodotta da Sharepoint, ho individuato i tag necessari ad identificare il titolo della web part.


La class ms-WPTitle dell'elemento h3 definisce il titolo della web part. Al suo interno, dobbiamo cercare il tag "span" che contiene il titolo. Generalmente è il primo dei due, senza id e, ovviaemente, non vuoto. Bene, sappiamo dove prendere il titolo.


Definiamo ora un modo con cui l'utente possa essere autonomo nella gestione dei titoli in multilingua.
L'idea è quella di utilizzare il campo Title delle proprietà della web part e chiedere all'utente di scrivere i titoli in lingua, separati da pipe ('|').

Title = "English title|French title|Italian title

Il js implementato controlla che siano presenti tutte le lingue (in questo caso, tre lingue) e se esistono tutte, seleziona quella da utilizzare nella visualizzazione, altrimenti inserisce come titolo quello che c'è..

Inoltre, lo script gira su tutte le web part della pagina, ovvero cerca i tag H3 con classe "ms-WPTitle" e ne ricerca il tag span con il titolo.

Utilizzando uno script con jquery, ho implementato il codice :

$(document).ready(function () {
var lcid = L_Menu_LCID;
var arrayH3 = $(".ms-WPTitle");
$.each(arrayH3, function () {
var title = $(this).children("a").children("nobr").children("span").first();
var arrTitle = title.text().split('|');
if (arrTitle.length == 3) {
if (lcid == 1036) { //french
title.text(arrTitle[1]);
}
else if (lcid == 1040) { //italian
title.text(arrTitle[2]);
}
else { //english / default
title.text(arrTitle[0]);
}
}
});
});

L_MENU_LCID è una variabile di Sharepoint che definisce l'identificativo della lingua corrente utilizzata dall'utente.
Lo script può essere inserito a fondo pagina in una Content Editor Web Part (come HTML), con in testa il richiamo alle librerie jquery.


Se le lingue sono in numero diverso, occorre modificare il codice utilizzando il numero e gli identificativi corretti per la lingua.

Spero vi sia utile!

Comments

Post a Comment

Popular posts from this blog

Sharepoint 2010 - Filter List/Library Web Part with XSLT and Content Editor WP

-
Image
I created a simple Filter Web Part with a Content Editor WP and simple XLST to filter List/Library with the LIKE feature. It works for lists and libraries (in libraries not for Name field). Create a page with Library Web Part to filter. Then add a Content Editor Web Part end edit HTML Source. In HMTL, add an input textbox and two buttons, for reset filter and for submit filter. Add some script as shown below: <script type="text/javascript"> //this script get query string from URL function querySt(ji){   hu = window.location.search.substring(1);   gy = hu.split("&");   for (i=0;i<gy.length;i++){     ft = gy[i].split("=");     if (ft[0] == ji){       return ft[1];     }   } } //this script set value read from query string in input field function setValues(){    if(querySt('qtitle') != null && querySt('qtitle') != "")    {      document.getElementById('query_title').value = query
Read more

Sharepoint 2010 - Multilanguage Site - Show column in current language

-
Image
In multilanguage site feature, Sharepoint 2010 does not translate content of web part and metadata. We have to find a way to show to user content or metadata in current language. I used a list with columns with content in language and a lot of jquery to show and hide columns for current language. I have a list with "DescriptionIT" and "DescriptionEN" columns. Then, I set a view with both columns visible. In this view, I added a content query web part whit code below. In this code, I search for current language, i.e. "Italian", then search for column with "DescriptionIT", and hide all columns but "DescriptionIT" (with name starting with "Decsription"). Result is that if I change language (with Select Display Language), I see only column in respective language. Simple and cross platform. Here the code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type=&quo
Read more

Sharepoint 2010 - Enable/Disable Ribbon Button with EcmaScript

-
I show you a detailed example of how to enable and disable a ribbon button according to the current user’s group. The example uses “EnabledScript” attribute of the CommandUIHandler of the ribbon button. Then the EnabledScript is built with EcmaScript to find groups and user info. Lets Start with creating a Ribbon button first. 1. Create a empty project. 2. Deploy it as a Farm solution. 3. Right click on the feature and click “Add feature”. 4. Right click on the project and add a new “Empty Element” item. 5. Next add the below code to add a custom Ribbon button to your document library. <Elements xmlns=”http://schemas.microsoft.com/sharepoint/” > <CustomAction Id=”ButtonForGroupUsersOnly” Location=”CommandUI.Ribbon” RegistrationId=”101″ RegistrationType=”List” Title=”Owners Group Button”> <CommandUIExtension> <CommandUIDefinitions> <CommandUIDefinition Location=”Ribbon.Library.ViewFormat.Controls._children”> <Button Id=”Ribbon.L
Read more