Question

我正在使用以下XML标记

创建计划中的约会

我想在每次约会中减少约会的标题大小 - title =“{title}”。

还想增加约会的高度以显示更多数据。

<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类：

sapUiCalendarApp：控制每个约会的高度。
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类以满足您的要求。如果需要任何其他信息，请与我们联系。

sap ui5计划日历 - 标题文本大小

1 个答案: