En este artículo quiero contestar una duda que me han realizado y aprovecho para compartirlo con todos.
Me han preguntado cómo se puede deshabilitar el scrollbar en el Calendario.
Cuando queremos modificar propiedades del calendario podemos encontrar información muy útil en la documentación de FullCalendar el cual se basa el calendario de APEX.
Para este ejemplo podemos usar el calendario que hemos creado anteriormente un éste artículo.
Lo único que he eliminado de la página fue la región de la Ruta de navegación, de este modo tenemos nuestro calendario de esta forma:
Como podemos ver, el calendario se ajusta al tamaño de la página, ahora bien, que pasaría si necesitamos colocar el calendario en una región definida y que abarque por ejemplo un poco más de la mitad de nuestra página.
Para ver esto que digo vamos a crear un div que contenga el calendario, para ello primero de todo vamos a asignar el nombre al Identificador Estático de la Región del Calendario:
Identificador Estático = micalendario
Seleccionamos el nombre de la Página y en el panel de propiedades ingresamos en los CSS En Línea lo siguiente:
#micalendario {
width: 60%;
}
Guardamos y ejecutamos. Podemos ver que el Calendario se encuentra en un contenedor div que le hemos asignado que tenga un ancho de 60%, ahora sí podemos ver la barra de desplazamiento vertical, ya que en ese contendor no se visualiza todo el calendario.
En la imagen de abajo podemos ver la barra de desplazamiento de la región del Calendario (en rojo) y la barra de desplazamiento de la página (en verde).
Para que nuestro calendario se muestre completo en nuestra región, necesitamos colocar este código en la sección de JavaScript:
Ejecutar Cuando Se Carga la Página:
$("#<static_id>_calendar").fullCalendar('option','height','auto');
En nuestro caso reemplazamos el static_id con nuestro identificador estático:
$("#micalendario_calendar").fullCalendar('option','height','auto');
En la opción auto podemos ingresar también un valor fijo como por ejemplo 700.
De este modo cuando ejecutamos la página, podemos ver que la región del calendario se ajusta a la visualización de todo el mes.
Dependiendo la resolución de la pantalla o del dispositivos que estamos usando para ver la página puede pasar que se vea o no la barra de desplazamiento vertical de la página.
Si por alguna razón quisiéramos deshabilitar esta barra de desplazamiento vertical de la página, simplemente ingresamos al nombre de la página y en la sección de CSS En Línea colocamos la siguiente regla CSS:
#t_PageBody {
overflow: hidden;
}
Y de ese modo desaparece dicha barra de la página. Ahora bien, es muy importante destacar que si achicamos la ventana o si se visualiza en diferentes resoluciones, no vamos a poder ver toda la información de la página porque tendríamos deshabilitada la barra de desplazamiento vertical de la página.