Personalización › Personalización de la interfaz Web › Web Screen Painter (WSP) › Edición de hojas de estilo

Edición de hojas de estilo

WSP se puede utilizar para editar o crear archivos CSS (hojas de estilo en cascada).

Para editar una hoja de estilo

1. Seleccione Archivo, Abrir.

   Se abrirá el cuadro de diálogo de apertura de archivos.

2. Seleccione Hoja de estilo CSS en la lista desplegable Tipo de interfaz o archivo.

   Aparecerá una lista de hojas de estilo.

Para crear una hoja de estilo

1. Seleccionar Archivo, Nuevo.

   Aparecerá el cuadro de diálogo Nuevo formulario.

2. Seleccione Hoja de estilo CSS en la lista desplegable Tipo de interfaz o archivo y haga clic en Nuevo.

   En cualquier caso, Web Screen Painter mostrará la vista de fuente correspondiente a la hoja de estilo. Se puede editar directamente en la vista de fuente, o mostrar el Creador de estilos si selecciona Herramientas, Creador de estilos.

La parte superior del creador de estilos permite controlar las clases incluidas en las hojas de estilo. La lista desplegable Clases de estilos, situada en la parte superior izquierda del creador de estilos, permite seleccionar las clases para editarlas. Los botones Agregar, Cambiar nombre y Suprimir permiten crear clases, o bien cambiar el nombre de las existentes o suprimirlas.

Existen tres fichas en el creador de estilos. La ficha Fuente y color permite seleccionar atributos para el texto al que da formato la clase de estilo, así como acceder a la vista previa para comprobar su aspecto. La sección Vista previa de fuente, situada en la parte inferior de la ficha, muestra el aspecto del estilo.

La ficha Posición permite controlar la ubicación, mientras que la ficha Otros permite controlar los atributos de visibilidad, visualización, desbordamiento y cursor. Hay varios atributos de estilo, como el margen y el borde, que no se pueden ver ni editar en el creador de estilos. Es necesario editarlos en la vista de fuente.

Al hacer clic en Aceptar en el creador de estilos, Web Screen Painter vuelve a dar formato a la hoja de estilo y actualiza la vista de fuente. Puede seguir con la edición en la vista de fuente o bien acceder de nuevo al creador de estilos.

Nota: Por razones de rendimiento, las hojas de estilo de CA SDM se proporcionan en dos formularios: archivos individuales (como search_filter.css) y archivos de combinación que agrupan varios archivos individuales con comentarios y espacio en blanco excedente eliminado (como analyst_styles.css). Web Screen Painter siempre edita los archivos individuales; no es posible editar los archivos de combinación directamente. Cuando se publican cambios en hojas de estilo, Web Screen Painter crea de forma automática el archivo de combinación asociado si es necesario.