0
178
Viewscómo mostrar eventos uno al lado del otro en fullcalendar
¿Cómo puedo mostrar eventos uno al lado del otro en fullCalendar? La primera imagen es mi salida, pero necesito que sea como la segunda imagen. Esta es una vista de calendario completo (fullcalendar.js).
¿Cómo configuro el ancho automático para los eventos sin espaciado?
1 answers
Answer question0
FullCalendar está configurando un estilo de inset CSS en línea en .fc-timegrid-event-harness , el segundo de los cuales tiene un valor izquierdo del 50%... por lo tanto, comienza a la mitad.
Prueba esto por 4 seguidos (25% cada uno)
.fc-daygrid-event-harness, .fc-timegrid-event-harness { max-width: 25%; float: left; } .fc-timegrid-event-harness:nth-child(1n) { inset: 0px 0% -21px 0% ! important; } .fc-timegrid-event-harness:nth-child(2n) { inset: 0px 0% -21px 25% ! important; } .fc-timegrid-event-harness:nth-child(3n) { inset: 0px 0% -21px 50% ! important; } .fc-timegrid-event-harness:nth-child(4n) { inset: 0px 0% -21px 100% ! important; }o para dos seguidos, prueba
.fc-daygrid-event-harness, .fc-timegrid-event-harness { max-width: 50%; float: left; } .fc-timegrid-event-harness:nth-child(1n) { inset: 0px 0% -21px 0% ! important; } .fc-timegrid-event-harness:nth-child(2n) { inset: 0px 0% -21px 50% ! important; } Anteriormente, este era un estilo en línea, que estoy anulando, el valor -21px bottom de -21 px provino de mi configuración ... es posible que el suyo deba ajustarse.
Probablemente necesitará un pequeño ajuste para adaptarse a sus tamaños y estilos. 