De landinstelling van de gebruikersinterface van de AEM Forms-werkruimte wijzigen

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.

1. Meld u aan bij CRXDE Lite.

   De standaard-URL van CRXDE Lite is https://[server]:[port]/lc/crx/de/index.jsp.

2. Naar de locatie navigeren apps/ws/locales en maak een nieuwe map nw.

3. Het bestand kopiëren translation.jsonvanaf de locatie /apps/ws/locales/en-US naar locatie /apps/ws/locales/nw.

4. Navigeren naar /apps/ws/locales/nw en open translation.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.

Voer de volgende stappen uit om de afbeeldingen te lokaliseren:

1. Plaats de afbeeldingsbestanden met een WebDAV-client in het dialoogvenster /apps/ws/images map.

2. 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;
   }
   

3. Alle semantische wijzigingen uitvoeren die worden vermeld in het dialoogvenster Aanpassing werkruimte artikel.

4. Ga naar de js/runtime/utility en open het bestand* usersessie.js* voor bewerking.

5. 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.

1. 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.

2. 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.

3. Navigeren naar apps/ws/js en opent u de jquery.ui.datepicker-nw.js bestand voor bewerking.

4. Maak in het bestand main.js een alias voor jquery.ui.datepicker-nw.js. De code waarmee een alias voor de jquery.ui.datepicker-nw.js bestand is:

   jqueryuidatepickernw : pathprefix + 'libs/jqueryui/jquery.ui.datepicker-nw'
   

5. Alias gebruiken jqueryuidatepickernw de jquery.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) {
   

6. 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['']);
}

Business.Adobe.com-bronnen

Auto Text Summarization Theme Editor Managed Cloud Content As A Service Digital Asset Management Content Management System