sap UI5 Planungskalender - Titeltextgröße

Question

ich die Termine in Planung mit den folgenden XML-Tags erstellen,

Ich wollte die Verabredungen, die Größe des Titels in den einzelnen Terminen reduzieren - title = „{title}“ .

Auch wollte die Höhe des Termins erhöhen, um mehr Daten anzuzeigen.

Answer 1

Sie können Ihrem Planning-Kalender CSS-Klassen zuweisen und die entsprechenden CSS-Klassen entsprechend Ihren Anforderungen ändern. CSS-Klassen:

1. sapUiCalendarApp: steuert die Höhe jedes Termins.
2. sapUiCalendarAppTitle: Steuert die Schriftgröße des Titels jedes Termins.

Also, lassen Sie uns in unseren Planungskalender, so dass andere Entwickler Code unserer eigenen Klasse zuweisen wird beeinflusst (oder die gesamte Bibliothek CSS wird nicht aktualisiert)

CSS-Code:

 .myCalendar .sapUiCalendarApp { 
      height:5rem; 
     } 

     .myCalendar .sapUiCalendarAppTitle { 
      font-size:.5rem; 
     } 

XML-Code : Wir müssen unsere CSS-Klasse in unseren Planungskalender hinzuzufügen: kann

<PlanningCalendar 
      class='myCalendar' 
      id="PC1" 
      startDate="{path: '/startDate'}" 
      rows="{path: '/people'}" 
      appointmentsVisualization="Filled" 
      appointmentSelect="handleAppointmentSelect" 
      showEmptyIntervalHeaders="false"> 
      ....... 
      <appointments> 
        <unified:CalendarAppointment 
         startDate="{start}" 
         endDate="{end}" 
         icon="{pic}" 
         title="{title}" 
         text="{info}" 
         type="{type}" 
         tentative="{tentative}"> 
        </unified:CalendarAppointment> 
       </appointments> 
       ............. 

Sie die oben genannten CSS cla ändern Ihren Anforderungen entsprechend. Lassen Sie mich wissen, ob zusätzliche Informationen benötigt werden.