Seleccionar página

Añadir imagen como fondo de página APEX

Cambiar fondo de página APEX

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.

07/04/2022

Imagen de fondo propiedades

Para usar una imagen como fondo una página de una aplicación APEX 21.2, todo lo que tienes que hacer es agregar un pequeño fragmente de código en la propiedad CSS En Línea de la página en la que quieres utilizar la imagen.

El procedimiento a segiur es el siguiente:

  1. Ingrese a la aplicación en la que desea aplicar la imagen.
  2. Abra la página en la que utilizará la imagen de fondo.
  3. En las propiedades de la página, localice “CSS” y luego “En Línea” y agregue el siguiente código:
    .t-Body-mainContent {
    background-image:url(image_url);
    background-repeat: no-repeat;
    background-size : 100% auto;
    background-position: 25%;
    }
  4. Haga clic en el botón Guardar.

En el código indicado, en la primera línea, debe reemplazar “image_url” por el URL a la imagen a utilizar, donde puede usar una de las siguientes opciones:

      • un URL a una imagen en un servidor we, por ejemplo: https://miservidor.com/images/fondo_pagina.jpg
      • una referencia a una imagen estática de aplicación, como por ejemplo: #APP_FILES#fondo_pagina.jpg
      • una referencia a una imagen estática a nivel de espacio de trabajo, por ejemplo: #WORKSPACE_FILES#fondo_pagina.jpg

Y eso es todo, ya tiene una imagen como fondo de una página de aplicación APEX.

También te puede gustar…

Share This