2017-08-16 1 views
0

Ich habe jetzt ein Problem mit der Einstellung meines Kalenders. Ich möchte die erste Zeile machen, die in der AgendaWeek-Ansicht und der AgendaDay-Ansicht ein wenig breiter ist, aber ich kann den entsprechenden CSS-Code in der Vollkalender.css nicht finden. Kann mir jemand helfen? enter image description hereFullCalendar agendaWeek/agendaTagesansicht, Breite der Zeitreihe

+0

Wie wäre es mit slotWidth – krisph

+0

@Krisph: Vielen Dank für die Antwort. Aber es ändert sich überhaupt nicht, wenn ich "slotWidth: 20" in den Code – Minalinskey

+0

@ krisph slotWidth einfüge, ist spezifisch für die Timeline-Ansicht im Scheduler-Plugin. Es beeinflusst die Breite der tatsächlichen Event-Zeitfenster, nicht die linke Spalte. Und es gilt nicht für Tagesordnungen. Lesen Sie die Dokumente sorgfältiger. – ADyson

Antwort

1

durch die Quelle eines Kalenders von mir Inspektion ich den folgenden Code für jedes Mal in der linken Spalte angezeigt sehen:

<td class="fc-axis fc-time fc-widget-content" style="width: 55px;"> 
    <span>12:35am</span> 
</td> 

erscheint Die Breite Inline eingestellt werden. Vermutlich geschieht dies über einen Code in FullCalendar.

Sie können es in CSS überschreiben, aber Sie müssen auch alle anderen <td> s in der Spalte verschieben, nicht von allen, die die gleiche Kombination von Klassen haben.

Zum Glück haben sie alle die gleiche Wurzelklasse - .fc-axis. Wenn Sie das also am Ende Ihres CSS hinzufügen, sollte es die Breite für Sie ziemlich glücklich anpassen.

.fc-axis { width: 100px !important;} 

gesagt hat, dass die festen Breiten passen und wie fullCalendar reagiert, wenn Sie es die Größe, oder die Browser-Fenster Größe ändern, je nachdem, ob Sie Ihren Kalender eine feste Breite/Höhe gegeben haben, oder mit dem aspectratio messed die Einstellungen.

+1

Präfekt. Ich danke dir sehr. – Minalinskey

+0

Kein Problem, glücklich zu helfen. Ich hoffe, Ihre Benutzer mögen leuchtendes Orange! :-p – ADyson