樹液UI5計画カレンダ - タイトルテキストサイズ

Question

私はそれぞれの予定で予定のタイトルのサイズを小さくしたい、次のXMLタグを使用して

を計画で予定を作成しています - タイトル=「{タイトル}」 。

また、より多くのデータを表示するために予定の高さを上げたかった。

<appointments> 
        <unified:CalendarAppointment 
         startDate="{start}" 
         endDate="{end}" 
         icon="{pic}" 
         title="{title}" 
         text="{info}" 
         type="{type}" 
         tentative="{tentative}"> 
        </unified:CalendarAppointment> 
       </appointments> 

Answer 1

CSSクラスをPlanningカレンダーに割り当て、それぞれのCSSクラスを要件に合わせて変更することができます。 CSSクラス：

1. sapUiCalendarApp：各予定の高さを制御します。
2. sapUiCalendarAppTitle：各予定のタイトルのフォントサイズを制御します。

ので、ので、他の開発者のコ​​ードが影響を受けている（またはライブラリ全体のCSSが更新されません）私たちは私たちの計画カレンダに私たち自身のクラスを割り当てることができ

CSSコード：

 .myCalendar .sapUiCalendarApp { 
      height:5rem; 
     } 

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

XMLコード： 私たちは、計画カレンダに私たちのCSSクラスを追加する必要があります。

<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> 
       ............. 

あなたは上記のCSSのCLAを変更することができますあなたの要件に合うようにしてください。追加情報が必要な場合はお知らせください。