Modifica delle impostazioni internazionali 'interfaccia utente dell'area di lavoro AEM Forms

'area di lavoro di AEM Forms fornisce supporto completo per le lingue inglese, francese, tedesco e giapponese. Consente inoltre di localizzare 'interfaccia utente dell'area di lavoro AEM Forms in qualsiasi altra lingua.

Per localizzare 'interfaccia utente dell'area di lavoro AEM Forms nella lingua desiderata:

• Localizzate il testo dell'area di lavoro di AEM Forms.
• Localizzare categorie, code e processi compressi.
• Localizza selettore data

Prima di eseguire i passaggi indicati sopra, accertatevi di seguire i passaggi elencati in Procedura generica per personalizzazione dell'area di lavoro AEM Forms.

Localizzazione del testo

Per aggiungere il supporto per una lingua New e per il codice delle impostazioni internazionali del browser nw, procedere come segue.

1. Effettuate l'accesso al CRXDE Lite.

   L'URL predefinito del CRXDE Lite è https://[server]:[port]/lc/crx/de/index.jsp.

2. Andate alla posizione apps/ws/locales e create una nuova cartella nw.

3. Copiare il file translation.jsondalla posizione /apps/ws/locales/en-US alla posizione /apps/ws/locales/nw.

4. Andate a /apps/ws/locales/nw e aprite translation.json per la modifica. Apportate modifiche specifiche alle impostazioni internazionali al file translate.json.

   Gli esempi seguenti contengono il file translate.json per le impostazioni internazionali inglese e francese 'area di lavoro AEM Forms.

   

Localizzazione di categorie, code e processi compressi

'area di lavoro di AEM Forms utilizza immagini per visualizzare intestazioni di categorie, code e processi. Per localizzare queste intestazioni è necessario un pacchetto di sviluppo. Per informazioni dettagliate sulla creazione del pacchetto di sviluppo, vedere Creazione codice dell'area di lavoro AEM Forms.

Nei passaggi seguenti, si presume che i nuovi file immagine localizzati siano Categories_nw.png, Queue_nw.png e Processes_nw.png. La larghezza consigliata delle immagini è 19 px.

Per localizzare le immagini, effettuate le seguenti operazioni:

1. Utilizzando un client WebDAV, inserite i file immagine nella cartella /apps/ws/images.

2. Passa a /apps/ws/css. Aprite newStyle.css per la modifica e aggiungete le seguenti voci:

   #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. Eseguire tutte le modifiche semantiche elencate nell'articolo Personalizzazione area di lavoro.

4. Andate alla cartella js/runtime/utility e aprite il file* usersession.js* per la modifica.

5. Individuare il codice elencato nel blocco di codice originale e aggiungere la condizione lang !== 'nw' all'istruzione 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;
           }
       }
   

Localizzazione del selettore data

È necessario un pacchetto di sviluppo per localizzare l'API *datepicker *API. Per informazioni dettagliate sulla creazione del pacchetto di sviluppo, consultate Creazione codice dell'area di lavoro AEM Forms.

1. Scaricate ed estraete il pacchetto dell'interfaccia utente jQuery, andate a <pacchetto dell'interfaccia utente jquery estratto>\jquery-ui-1.10.2.zip\jquery-ui-1.10.2\ui\i18n.

2. Copiate il file jquery.ui.datepicker-nw.js per il codice delle impostazioni internazionali ora in apps/ws/js/libs/jqueryui e apportate modifiche specifiche alle impostazioni internazionali del file.

3. Andate a apps/ws/js e aprite il file jquery.ui.datepicker-nw.js per la modifica.

4. Nel file main.js create un alias per jquery.ui.datepicker-nw.js. Il codice per creare un alias per il file jquery.ui.datepicker-nw.js è:

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

5. Utilizzate l'alias jqueryuidatepickernw per includere il file jquery.ui.datepicker-nw.js in tutti i file che utilizzano il datepicker. L'adesivo viene utilizzato nei file seguenti:

   • js/runtime/views/outofoffice.js
   • js/runtime/views/searchtemplatedetails.js

   Il codice di esempio seguente mostra come aggiungere la voce jquery.ui.datepicker-nw.js:

   //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. In tutti i file che utilizzano l'API datepicker, modificate le impostazioni predefinite dell'API datepicker. L'API datepicker viene utilizzata nei file seguenti:

   • apps\ws\js\runtime\views\searchtemplatedetails.js
   • apps\ws\js\runtime\views\outofoffice.js

   Modificate il codice seguente per aggiungere la nuova impostazione internazionale:

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

a

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

Risorse Business.Adobe.com

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