De landinstelling van de gebruikersinterface van de AEM Forms-werkruimte wijzigen
Gemaakt voor:
- User
De werkruimte van AEM Forms biedt vanuit de verpakking ondersteuning voor Engelse, Franse, Duitse en Japanse talen. Het biedt ook de mogelijkheid om de gebruikersinterface van de AEM Forms-werkruimte te lokaliseren naar een andere taal.
De gebruikersinterface van de AEM Forms-werkruimte lokaliseren naar de taal van uw keuze:
- Tekst van de AEM Forms-werkruimte lokaliseren.
- U kunt samengevouwen categorieën, wachtrijen en processen lokaliseren.
- Datumkiezer lokaliseren
Voordat u de bovenstaande stappen uitvoert, moet u de stappen volgen die worden weergegeven in Algemene stappen voor aanpassing van de AEM Forms-werkruimte.
Tekst lokaliseren
Voer de volgende stappen uit om ondersteuning voor een taal toe te voegen Nieuw en de landinstellingscode van de browser nw.
-
Meld u aan bij CRXDE Lite.
De standaard-URL van CRXDE Lite is
https://[server]:[port]/lc/crx/de/index.jsp
. -
Naar de locatie navigeren
apps/ws/locales
en maak een nieuwe mapnw.
-
Het bestand kopiëren
translation.json
vanaf de locatie/apps/ws/locales/en-US
naar locatie/apps/ws/locales/nw
. -
Navigeren naar
/apps/ws/locales/nw
en opentranslation.json
voor bewerken. Wijzig de landinstelling in het bestand translatie.json.De volgende voorbeelden bevatten het bestand translatie.json voor Engelse en Franse landinstellingen van de AEM Forms-werkruimte.
Samengevouwen categorieën, wachtrijen en processen lokaliseren
In de AEM Forms-werkruimte worden afbeeldingen gebruikt om koppen van categorieën, wachtrijen en processen weer te geven. U hebt ontwikkelingspakket nodig om deze koppen te lokaliseren. Voor gedetailleerde informatie over het maken van een ontwikkelingspakket gaat u naar AEM Forms-werkruimtecode samenstellen.
In de volgende stappen wordt aangenomen dat de nieuwe gelokaliseerde afbeeldingsbestanden Categorieën_nw.png, Wachtrij_nw.png, en Processes_nw.png. De aanbevolen breedte van de afbeeldingen is 19 px.
https://[server]:[port]/lc/libs/ws/Locale.html
.
Voer de volgende stappen uit om de afbeeldingen te lokaliseren:
-
Plaats de afbeeldingsbestanden met een WebDAV-client in het dialoogvenster /apps/ws/images map.
-
Navigeren naar /apps/ws/css. Openen newStyle.css voor het bewerken en toevoegen van de volgende vermeldingen:
#categoryListBar .content.nw { background: #3e3e3e url(../images/Categories_nw.png) no-repeat 10px 10px; } #filterListBar .content.nw { background: #3e3e3e url(../images/Queues_nw.png) no-repeat 10px 10px; } #processNameListBar .content.nw { background: #3e3e3e url(../images/Processes_nw.png) no-repeat 10px 10px; }
-
Alle semantische wijzigingen uitvoeren die worden vermeld in het dialoogvenster Aanpassing werkruimte artikel.
-
Ga naar de js/runtime/utility en open het bestand* usersessie.js* voor bewerking.
-
Zoek de code in het oorspronkelijke codeblok en voeg voorwaarde toe lang !== 'nw' op de instructie if:
// Orignal code setLocale = function () { var lang = $.trim(i18n.lng()); if (lang === null || lang === '' || (lang !== 'fr-FR' && lang !== 'de-DE' && lang !== 'ja-JP')) { window.lcWorkspace.locale = 'en-US'; } else { window.lcWorkspace.locale = lang; } }
//new code setLocale = function () { var lang = $.trim(i18n.lng()); if (lang === null || lang === '' || (lang !== 'fr-FR' && lang !== 'de-DE' && lang !== 'ja-JP' && lang !== 'nw')) { window.lcWorkspace.locale = 'en-US'; } else { window.lcWorkspace.locale = lang; } }
Datumkiezer lokaliseren
U hebt ontwikkelingspakket nodig om de *datepicker *API te lokaliseren. Voor gedetailleerde informatie over het maken van een ontwikkelingspakket gaat u naar AEM Forms-werkruimtecode samenstellen.
-
Download en extraheer de jQuery-UI-pakket, navigeer naar <extracted jquery="" ui="" package="">\jquery-ui-1.10.2.zip\jquery-ui-1.10.2\ui\i18n.
-
Kopieer het bestand jquery.ui.datepicker-nw.js voor de landinstellingscode nu naar apps/ws/js/libs/jqueryui en breng specifieke wijzigingen voor de landinstelling aan in het bestand.
-
Navigeren naar
apps/ws/js
en opent u dejquery.ui.datepicker-nw.js
bestand voor bewerking. -
Maak in het bestand main.js een alias voor
jquery.ui.datepicker-nw.js.
De code waarmee een alias voor dejquery.ui.datepicker-nw.js
bestand is:jqueryuidatepickernw : pathprefix + 'libs/jqueryui/jquery.ui.datepicker-nw'
-
Alias gebruiken
jqueryuidatepickernw
dejquery.ui.datepicker-nw.js
in alle bestanden die datepicker gebruiken. De datepicker wordt gebruikt in de volgende bestanden:js/runtime/views/outofoffice.js
js/runtime/views/searchtemplatedetails.js
De voorbeeldcode hieronder laat zien hoe u de vermelding jquery.ui.datepicker-nw.js toevoegt:
//Original Code define([ 'jquery', 'underscore', 'backbone', 'jqueryui', 'jqueryuidatepickerja', 'jqueryuidatepickerde', 'jqueryuidatepickerfr', 'slimscroll', 'usersearchview', 'logmanagerutil', 'loggerutil' ], function ($, _, Backbone, jQueryUI, jQueryUIDatePickerJA, jQueryUIDatePickerDE, jQueryUIDatePickerFR, slimScroll, UserSearch, LogManager, Logger) {
// Code with Date Picker alias for new language define([ 'jquery', 'underscore', 'backbone', 'jqueryui', 'jqueryuidatepickerja', 'jqueryuidatepickerde', 'jqueryuidatepickerfr', 'jqueryuidatepickernw', // Date Picker alias 'slimscroll', 'usersearchview', 'logmanagerutil', 'loggerutil' ], function ($, _, Backbone, jQueryUI, jQueryUIDatePickerJA, jQueryUIDatePickerDE, jQueryUIDatePickerFR, jQueryUIDatePickerNW, slimScroll, UserSearch, LogManager, Logger) {
-
Wijzig in alle bestanden die de datepicker-API gebruiken de standaard datepicker-API-instellingen. De datepicker-API wordt gebruikt in de volgende bestanden:
- apps\ws\js\runtime\views\searchtemplatedetails.js
- apps\ws\js\runtime\views\outofoffice.js
Wijzig de volgende code om de nieuwe landinstelling toe te voegen:
if (locale === 'ja-JP') { $.datepicker.setDefaults($.datepicker.regional.ja); } else if (locale === 'de-DE') { $.datepicker.setDefaults($.datepicker.regional.de); } else if (locale === 'fr-FR') { $.datepicker.setDefaults($.datepicker.regional.fr); } else { $.datepicker.setDefaults($.datepicker.regional['']); }
tot
if (locale === 'ja-JP') {
$.datepicker.setDefaults($.datepicker.regional.ja);
} else if (locale === 'de-DE') {
$.datepicker.setDefaults($.datepicker.regional.de);
} else if (locale === 'fr-FR') {
$.datepicker.setDefaults($.datepicker.regional.fr);
} else if (locale === 'nw') {
$.datepicker.setDefaults($.datepicker.regional.nw);
} else {
$.datepicker.setDefaults($.datepicker.regional['']);
}