Nascondere le opzioni di allineamento, larghezza o spaziatura di un componente per un tema

Per impostazione predefinita, la maggior parte dei componenti consente di creare siti per specificare le opzioni di allineamento, larghezza e spaziatura nella finestra di dialogo delle impostazioni di un componente. Gli sviluppatori, tuttavia, possono voler nascondere queste opzioni in un componente personalizzato per impedire ai redattori di visualizzare il contenuto in modo incoerente con il tema del sito. Ad esempio, se si desidera ottenere un aspetto coerente che consenta di posizionare un pulsante al centro e mantenga la spaziatura impostata a 30 pixel, è possibile nascondere le opzioni per cambiarle nelle impostazioni modificando il file components.json del tema.

Talvolta, può essere necessario sostituire i valori predefiniti iniziali di un componente personalizzato; un'azione che è possibile eseguire anche modificando il file components.json. Eventuali modifiche ai valori iniziali verranno applicate solo ai componenti aggiunti alla pagina dopo che il file components.json modificato è stato caricato come nuova versione.

Per nascondere le opzioni delle impostazioni relative all'allineamento, alla larghezza o alla spaziatura di un componente in un tema, effettuare le operazioni riportate di seguito.

1. In Oracle Content Management fare clic su Sviluppatore nel menu di navigazione a sinistra.
2. Nella pagina Sviluppatore, fare clic su Visualizza tutti i temi.
3. Nella pagina Temi, selezionare il tema da modificare e fare clic su Apri nel menu di scelta rapida oppure fare clic su nella barra delle azioni.
4. Selezionare il file components.json e fare clic su Scarica.
5. Aprire il file components.json in un editor di testo.
6. Aggiungere gli oggetti per specificare il tipo e l'ID del componente e impostare le proprietà che si desidera nascondere come uguali a true.
   Ad esempio, di seguito è riportata una voce che nasconde le proprietà di allineamento, larghezza e spaziatura di un componente pulsante nella finestra di dialogo delle impostazioni:

   "type":"scs-button",
   "id":"scs-button",
   "hideAlignmentAndWidth": true,
   "hideSpacing": true,

   Se si desidera sostituire le proprietà di allineamento e spaziatura predefinite del componente pulsante, di seguito è riportato un esempio di come specificare i valori iniziali:

   "initialData": {
       "alignment": "center",
       "marginTop": 30,
       "marginBottom": 30

   La voce completa nel file components.json per specificare i valori predefiniti e nascondere le opzioni di allineamento, larghezza e spaziatura nella finestra di dialogo delle impostazioni di un componente pulsante utilizzato in un tema sarà la seguente:

   [
       {
           "name": "",
           "list": [
               {
                   "type": "scs-button",
                   "id": "scs-button",
                   "hideAlignmentAndWidth": true,
                   "hideSpacing": true,
                   "initialData": {
                       "alignment": "center",
                       "marginTop": 30,
                       "marginBottom": 30
                   }
               }
           ]
       },
       {
           "name": "Starter",
           "list": [
               {
                   "type": "component",
                   "id": "StarterComponent",
                   "themed": true
               },
               {
                   "type": "component",
                   "id": "StarterFooter",
                   "themed": true
               }
           ]
       }
   ]

7. Dopo aver apportato le modifiche desiderate, caricare il file components.json nel tema come nuova versione.