row height of the planning calendar

[Valeck]

ciao Guru,

sai se è possibile e come ridurre l'altezza delle linee dell'oggetto calendario di pianificazione?

Grazie in anticipo.

addio!

[former_member709916]

You can assign CSS class to your Planning calendar and modify the respective CSS classes to suit your requirements. sapUiCalendarApp controls the height of each appointment. CSS code would be as follows:

.myCalendar .sapUiCalendarApp {
            height:5rem;
        }

[Valeck]

yes but now I have this situation

[former_member709916]

Valerio Proietti Marcellini is your XML CODE looking like this ?:

<PlanningCalendar
                class='myCalendar'
                id="..."
                startDate="{path: '/...'}"
                rows="{path: '/...'}"
                appointmentsVisualization="Filled"
                appointmentSelect="handleAppointmentSelect"
                showEmptyIntervalHeaders="false">
              .............
            <appointments>
              .............
            </appointments>
              .............

[Valeck]

thanks for the reply but it doesn't work, this code reduces the height of the appointments but not of the calendar object lines

[former_member656694]

Hello , If you are using latest version of UI5 shall consider using

https://sapui5.hana.ondemand.com/#/api/sap.ui.unified.CalendarAppointmentHeight

[Valeck]

no, this code reduces the height of the appointments but not of the calendar object lines

[Valeck]

for now I have found this solution:

css:

.sapMPlanCal>.sapMList .sapMPlanCalRowHead>.sapMLIB, .sapMPlanCal>.sapMList .sapMPlanCalAppRow>.sapUiCalendarRow, .sapMPlanCal>.sapMList .sapMPlanCalAppRow>div>.sapUiCalendarRow {
height: 2rem;
}

unfortunately it is not responsive but I will try to improve it