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

Por omissão, a maior parte dos componentes permite a alguém criar sites para especificar as opções de alinhamento, largura e espaçamento na caixa de diálogo das definições de um componente. No entanto, enquanto programador, poderá pretender ocultar estas opções num componente customizado para evitar que os contribuidores renderizem conteúdo de um modo inconsistente com o tema do site. Por exemplo, se pretender promover um aspeto consistente que centre um botão e mantenha o espaçamento definido como 30 píxeis, pode ocultar as opções para alterá-las nas definições editando o ficheiro components.json do tema.

Poderá também haver ocasiões quando pretenda substituir os valores por omissão iniciais de um componente customizado, que também pode ser efetuado editando o ficheiro components.json. Quaisquer alterações aos valores iniciais só se aplicarão aos componentes acrescentados à página após o ficheiro components.json editado ter sido carregado como uma nova versão.

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

  1. No Oracle Content Management, clique em Programador no menu de navegação da esquerda.
  2. Na página Programador, clique em Visualizar Todos os Temas.
  3. Na página Temas, selecione o tema a modificar e clique em Abrir no menu do botão direito do rato ou clique em Ícone Abrir na barra de ações.
  4. Selecione o ficheiro components.json e clique em Descarregar.
  5. Abra o ficheiro components.json num editor de texto.
  6. Acrescente objetos para especificar o tipo de componente e a ID, e defina as propriedades que pretende ocultar iguais a true.
    Por exemplo, a seguir encontra-se uma entrada que oculta as propriedades de alinhamento, largura e espaçamento de um componente de botão na caixa de diálogo das definições:
    "type":"scs-button",
    "id":"scs-button",
    "hideAlignmentAndWidth": true,
    "hideSpacing": true,
    Se pretender substituir as propriedades de alinhamento e espaçamento por omissão do componente de botão, a seguir encontra-se um exemplo de como especificar os valores iniciais:
    "initialData": {
        "alignment": "center",
        "marginTop": 30,
        "marginBottom": 30

    A entrada completa no ficheiro components.json para especificar os valores por omissão e ocultar as opções de alinhamento, largura e espaçamento na caixa de diálogo das definições de um componente de botão utilizado num 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. Assim que tiver efetuado as alterações pretendidas, carregue o ficheiro components.json para o tema como uma nova versão.