Anonymousprnt::Y
Click on images to see them in full screen

Languages switching

From Door Tablet V7.3, you can set interactive displays to switch languages using touch. The feature is available in single room and cluster displays. Language switch offers the following:
  1. Easy set-up that requires little effort
  2. Use the 12 built-in languages for switching, or add your own if needed
  3. Use the Door Tablet flags, when using the built-in languages
  4. Create your own graphics for flags
  5. Decide where on the display you wish to show the language switch
  6. Automatically revert the display back to the original language after a number of seconds, or keep it manual
  7. Full support for Semite languages such as Arabic and Hebrew with RTL (right to left) text
  8. Refine styling when language is switched

Why use language switching
For organisation that span countries it is often difficult to choose the local language knowing that visitors will not understand it. As a result, systems have been set to English instead of the local language, when English usage is infrequent. By setting to the local language and offering an easy language switch using touch, your displays are well understood to regular users and visitors both internal or external.

Set-up
To offer language switching you need to create translation sets, preferably named after the languages you wish to use. The translation sets may be empty but of course may also contain any adaptations you wish to implement, for each language. And remember, you can create a complete translation for a language we do not currently offer as part of the built-in collection. Once your sets have been created you add reference to these in either the System Profile, which will then apply to all displays, or at a room/resource level.

Creating Translation Sets
Open the translation sets view and click on New Translation Set




Alternatively you can upload your own graphics:


Take our standard flag and add your own
The following files can be used by you to create your own flags. Using one of the files below makes it easy to mix our own flags with yours.
en.png de.png it.png


Translation pairs may be left blank...


Using the new Translations Sets
Once your sets are ready, you can specify these in:
  1. The System Profile
  2. Room/Resource record
Please note that if you set switching data in the system profile, the setting will be used by all single room or cluster displays, if the switching data there is left blank. This allows you to set a universal switch, say to English, for each room without specifying an additional language to switch to.

If you specify just one language to switch to, users will not be able to manually switch to the original language but the automated revert will switch the display back.

Auto Switch back
For Door Tablet to revert back after duration you specify, you must select a Translation Set in the first field below.


Ideal Set-up for Switching
For best results set the Translation set to one of the languages you list in the "Switch lang to". When you use such set-up the flags or text are properly highlighted and dimmed at all times.


Controlling Switcher placement on your displays
By default, we place the language switcher at the bottom of the display, horizontally. You may like to display the switcher below the room title or even on the side, vertically. You make these changes using CSS. You may also decide to reverse the way we dim and highlight languages, again in CSS. See more below.

Positioning of the Switcher
You decide where your language switcher is on the screen. The following show a couple of CSS definitions:

Place the switcher in line with the buttons at the bottom of the display.
.langSwitcher {
position:absolute;
width:360px;
height:46px;
bottom:0;
left:40%;
}

And when French was touched...

And using our flags, then selecting German


Placing the switcher on the right/top of the display is easy, too. Add the following CSS to the room:
.langSwitcher {
position:absolute;
width:70px;
height:200px;
top:100px;
right:0px;
left:auto;
}
.switchLink {
margin-bottom: 15px;
}

Please note that you must "cancel" the built-in default positioning, for example, when we want the "left:40%;" to be ignored, use "left:auto;".

In order to display the switcher using labels, which are wider, use the following CSS:
.langSwitcher {
position:absolute;
width:110px;
height:200px;
top:100px;
right:0px;
left:auto;
}
.switchLink {
margin-bottom: 5px;
}


Opacity
Door Tablet displays the current language with Opacity 1 and other available languages with Opacity 0.5. If you like, you may reverse this arrangement using CSS. The default set-up is .switchLink { opacity: 0.5; } and .curentLang { opacity: 1; }

Reverse it like so:
.switchLink { opacity: 1; }
.curentLang { opacity: 0.5; }

Not seeing all languages
Don't panic - the reason is likely simple: the size of the language switcher is too small to accommodate your languages. Increase the size using CSS, of the class "langSwitcher", either the width or its height.

Refine styles
When switch languages you may wish to change the styling, for example use a deferent font. Please follow this link to find how Database 'Door Tablet HELP', View 'Help Documents', Document 'Special Customisation'