Ocultar Opções de Alinhamento, Largura ou Espaçamento do Componente para um Tema

Por padrão, a maioria dos componentes permite que alguém que crie sites especifique as opções de alinhamento, largura e espaçamento na caixa de diálogo de definições de um componente. Como desenvolvedor, no entanto, convém ocultar essas opções em um componente personalizado para impedir que os contribuidores renderizem o conteúdo de maneira inconsistente com o tema do site. Por exemplo, se quiser promover uma aparência consistente que centraliza um botão e mantém o espaçamento definido para 30 pixels, é possível ocultar as opções para alterá-los nas definições, editando o arquivo components.json do tema.

Também pode haver momentos em que você queira substituir os valores padrão iniciais de um componente personalizado, o que também pode ser feito editando o arquivo components.json. Quaisquer alterações nos valores iniciais serão aplicadas apenas aos componentes adicionados à página após o upload do arquivo components.json editado como uma nova versão.

Para ocultar as opções de definições de alinhamento, largura ou espaçamento de um componente em um tema:

1. No Oracle Content Management, clique em Desenvolvedor no menu de navegação à esquerda.
2. Na página Desenvolvedor, clique em Exibir todos os Temas.
3. Na página Temas, selecione o tema a ser modificado e clique em Abrir no menu acionado com o botão direito do mouse ou clique no na barra de ações.
4. Selecione o arquivo components.json e clique em Fazer Download.
5. Abra o arquivo components.json em um editor de texto.
6. Adicione objetos para especificar o tipo e o ID do componente e defina as propriedades que deseja ocultar igual a true.
   Por exemplo, a seguir, uma entrada que oculta as propriedades de alinhamento, largura e espaçamento de um componente de botão na caixa de diálogo de definições:

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

   Se quiser substituir as propriedades padrão de alinhamento e espaçamento do componente de botão, a seguir será apresentado um exemplo de como especificar valores iniciais:

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

   A entrada completa no arquivo components.json para especificar valores padrão e ocultar as opções de alinhamento, largura e espaçamento na caixa de diálogo de definições de um componente de botão usado em um tema seria a seguinte:

   [
       {
           "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. Depois de fazer as alterações desejadas, faça upload do arquivo components.json no tema como uma nova versão.