Opciones para ocultar la alineación, el ancho o el espaciado de un componente para un tema

Por defecto, la mayoría de los componentes permiten que alguien que crea sitios especifique las opciones de alineación, ancho y espaciado en el cuadro de diálogo de configuración de un componente. Como desarrollador, sin embargo, puede que desee ocultar estas opciones en un componente personalizado para evitar que los colaboradores representen el contenido de una forma inconsistente con el tema del sitio. Por ejemplo, si desea conseguir un aspecto consistente que centre un botón y mantenga el espaciado definido en 30 píxeles, puede ocultar las opciones para cambiarlas en la configuración mediante la edición del archivo components.json del tema.

También puede haber ocasiones en las que desee sustituir valores por defecto iniciales de un componente personalizado, que también se puede realizar mediante la edición el archivo components.json. Cualquier cambio realizado en los valores iniciales solo se aplicará a los componentes agregados a la página una vez que se haya cargado el archivo components.json editado como versión nueva.

Para ocultar las opciones de configuración para la alineación, el ancho y el espaciado de un componente de un tema:

1. En Oracle Content Management, haga clic en Desarrollar en el menú de navegación de la izquierda.
2. En la página Desarrollador, haga clic en Ver todos los temas.
3. En la página Temas, seleccione el tema que desee modificar y haga clic en Abrir en el menú contextual o haga clic en en la barra de acciones.
4. Seleccione el archivo components.json y haga clic en Descargar.
5. Abra el archivo components.json en un editor de texto.
6. Agregue objetos para especificar el ID y el tipo de componente, y defina las propiedades que desea ocultar como true.
   Por ejemplo, a continuación se muestra una entrada que oculta las propiedades de alienación, ancho y espaciado de un componente de botón en el cuadro de diálogo de configuración:

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

   Si desea sustituir las propiedades por defecto de alineación y espaciado del componente de botón, a continuación se muestra un ejemplo de cómo especificar valores iniciales:

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

   La entrada completa del archivo components.json para especificar los valores por defecto y las opciones para ocultar la alineación, el ancho y el espaciado en el cuadro de diálogo de configuración de un componente de botón usado en un tema sería como se detalla a continuación:

   [
       {
           "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. Una vez que haya realizado los cambios deseados, cargue el archivo components.json en el tema como una nueva versión.