7
votes

La hauteur de diffusion temporelle peut-elle être définie en FullCalendar?

On dirait que la valeur par défaut est 20px, mais j'espérais cogner cela, donc un événement de la longueur de 1 fois la route pourra afficher l'en-tête et le corps d'événement. Actuellement, lorsqu'un événement est la longueur de 1 fois-à-tête, seul l'en-tête d'événement est affiché.


3 commentaires

En FullCalendar.css, vous pouvez modifier cette ligne pour ajuster la hauteur du temps horaire .FC-Agenda-Slots TD Div {Hauteur: 20px; }. Donc, si vous avez votre événement le plus court est la moitié de la longueur de l'horaire (événement de 30 minutes, mais à 1 heure), vous doublez cette valeur.


Vous devriez poster ce commentaire comme une réponse.


@somethingon a travaillé pour moi. Merci


3 Réponses :


5
votes

en FullCalendar.css Vous pouvez modifier cette ligne pour régler la hauteur des horaires de l'horaire xxx

Donc, si votre événement le plus court est la moitié de la longueur de l'horaire (événement 30min, mais 1HR Timeslot) Vous double Cette valeur


CAVEAT: Comme indiqué par Jjnguy, ce changement enfreindra la fonctionnalité du glisser-déposer et de redimensionnera. Cela résout le problème de la modification de la hauteur des temps par défaut.


3 commentaires

Ce n'est pas une solution idéale. Après cela, il semble que la traînée et le redimensionnement sont cassés.


Vous avez raison. Pas idéal, mais glisser-déposer et redimensionner n'étaient pas des exigences pour nous.


Dans la version récente (3.8.0), le nom de sélecteur CSS est modifié en: .fc-time-grille .fc-lattes TD {hauteur: 2.5em}



9
votes

Quelqu'un cherche toujours la réponse dans les nouvelles versions. Dans la nouvelle version (v3.9.0), modifiez le CSS en: xxx

Remarque: cela n'affecte pas la goutte de glissement ou le redimensionnement pour moi.


1 commentaires

@Robin Tak, cela fonctionne comme un charme. Si on doit la baisser à par exemple. 1.5EM, alors le slotlabel s prendra trop de place et rendra les emplacements différents dans les hauteurs. Cela peut être corrigé en réglant .fc-axis {taille de la police: 0.7em;} .



10
votes

FullCalendar Version 5

.fc-timegrid-slot {
    height: 30em; // 1.5em by default
    border-bottom: 0 !important;
}


2 commentaires

Je devais ajouter! Important après avoir changé la hauteur, juste pour la référence future.


N'est-ce pas inutile dans FC V5 car il prend en charge ExpendsRows