Estoy usando jQuery fullcalendar en mi aplicación. Quiero mostrar el calendario solo en el lado derecho de mi pantalla, pero no estoy seguro de cómo reducir el tamaño del calendario. En este momento se está mostrando en la pantalla completajQuery fullcalendar - cómo reducir el tamaño del calendario
sólo se adhieren en un div con un ancho especificado de acuerdo con la página de inicio para fullcalendar
<div id='container'>
...
<div id='calendar'></div>
...
</div>
con CSS
#container {
width: 810px;
}
reducir la relación de aspecto de el calendario completo
En la barra lateral de la aplicación, simplemente utilicé esta opción.
Su Html
<div id='calendar'></div>
Puede escribir css como este.
#calendar
{
width: 400px;
}
alterar el ancho en el rango de píxeles, la cantidad que necesita. También estoy usando así. Está funcionando perfectamente.
Trate
<div id='calendar' style="width:95%"></div>
Gracias por publicar una respuesta a esta ¡pregunta! Esta respuesta es muy corta y no proporciona mucho contexto. Por favor explique algunos de los razonamientos detrás de esto, y será mucho más útil para el lector asker y los futuros lectores. ¡Gracias! –
Puede utilizar un contenedor div para controlar la anchura y altura.
se puede controlar sólo el heigh del calendario mediante la adición de
> $('#calendar').fullCalendar({
> height: 650
> });
añadir un alojamiento en el campo JSON que pasa en el método fullCalender.
$('#calendar').fullCalendar({
height: 650
})
de Referencia Url: https://fullcalendar.io/docs/display/height/
Ver esta respuesta: http://stackoverflow.com/questions/5372328/tiny-version-of-fullcalendar/5372990#5372990 – Mottie