APEX_CSS

Escrito por: Eddie Molina

Oracle ACE Pro. Oracle APEX Cloud Developer Certified Professional. Presidente de ORAUGCRC (Grupo de Usuarios Oracle de Costa Rica). Miembro de líderes de LAOUC. Conferencista, consultor, desarrollador y capacitador en tecnologías Oracle, especialmente Oracle Application Express con más de 30 años de experiencia.



Apex



16/04/2022

El paquete APEX_CSS proporciona funciones de utilidad para agregar estilos CSS a la salida HTTP. Este paquete se usa generalmente para el desarrollo de complementos.

Está compuesta por los siguientes procedimientos.

Procedimiento ADD

Este procedimiento agrega un fragmento de código de estilo CSS que se incluye en línea en la salida HTML. Utilice este procedimiento para agregar nuevas declaraciones de estilo CSS.

La sintaxis del procedimiento es:

APEX_CSS.ADD (
p_css IN VARCHAR2,
p_key IN VARCHAR2 DEFAULT NULL);

Donde:

Parámetro	Descripción
`p_css`	El fragmento de estilo CSS. Por ejemplo, `#test {color:#fff}`
`p_key`	Identificador del fragmento de estilo. Si se especifica y ya se ha agregado un fragmento de estilo con el mismo nombre, se ignorará el nuevo fragmento de estilo.

Un ejemplo del uso de este procedimiento es:

apex_css.add (
p_css => ‘.autocomplete { color:#ffffff }’,
p_key => ‘autocomplete_widget’ );

Procedimiento ADD_3RD_PARTY_LIBRARY_FILE

Este procedimiento agrega la etiqueta de enlace para cargar un archivo CSS de terceros y también tiene en cuenta la CDN (red de entrega de contenido) especificada para la aplicación.

Las bibliotecas admitidas incluyen:

jQuery
jQueryMobile
jQueryUI

Si ya se ha agregado una biblioteca, no se agrega por segunda vez.

La sintaxis del procedimiento es:

APEX_CSS.ADD_3RD_PARTY_LIBRARY_FILE (
     p_library IN VARCHAR2,
     p_file_name IN VARCHAR2,
     p_directory IN VARCHAR2 DEFAULT NULL,
     p_version IN VARCHAR2 DEFAULT NULL,
     p_media_query IN VARCHAR2 DEFAULT NULL );

Donde:

Parámetro	Descripción
`p_library`	Utilice una de las constantes `c_library_*`.
`p_file_name`	Especifica el nombre del archivo .min y .css sin versión`.`
`p_directory`	Directorio donde se encuentra el archivo p_file (Opcional).
`p_version`	Si no se proporciona un valor se utiliza la misma versión proporcionada con APEX (Opcional).
`p_media_query`	Valor que es especificado como media query (Opcional).

Un ejemplo del uso de este procedimiento es:

Begin
     apex_css.add_3rd_party_library_file (
          p_library => apex_css.c_library_jquery_ui,
          p_file_name => ‘jquery.ui.accordion’ );
End;

Procedimiento ADD_FILE

Este procedimiento agrega la etiqueta de enlace para cargar una biblioteca CSS. Si ya se ha agregado una biblioteca, no se agregará por segunda vez.

La sintaxis del procedimiento es:

APEX_CSS.ADD_FILE (
     p_name IN VARCHAR2,
     p_directory IN VARCHAR2 DEFAULT APEX.G_IMAGE_PREFIX||’css/’,
     p_version IN VARCHAR2 DEFAULT NULL,
     p_skip_extension IN BOOLEAN DEFAULT FALSE
     p_media_query IN VARCHAR2 DEFAULT NULL,
     p_ie_condition IN VARCHAR2 DEFAULT NULL);

Donde:

Parámetro	Descripción
`p_name`	Nombre del arcjivo CSS.
`p_directory`	`Comienzo de la URL desde donde se debe leer el archivo CSS. Si usa esta función para un complemento, debe establecer este parámetro en p_plugin.file_prefix.`
`p_version`	Identificador de la versión del archivo CSS. La versión se agregará al nombre del archivo CSS. En la mayoría de los casos, debe usar el valor predeterminado NULL como valor.
`p_skip_extension`	La función agrega automáticamente “.css” al nombre del archivo CSS. Si este parámetro se establece en TRUE, esto no se hará..
`p_media_query`	Valor definido como consulta de medios.
`p_ie_condition`	Condición utilizada como condición Internet Explorer.