<!-- Summary Cards --> <HBox justifyContent="SpaceAround" width="100%" class="sapUiSmallMarginBottom" height="auto" > <!-- Enhanced VBox with proper height and padding --> <VBox alignItems="Center" class="dashboardCardReservation" height="200px" justifyContent="SpaceAround"> <ObjectStatus text="Reservations" state="Success" icon="sap-icon://appointment" class="dashboardCardFontSmall" /> <ObjectNumber number="{dashboard>/totalReservations}" unit="Total" class="dashboardCardFontLarge" emphasized="true" /> <HBox height="10px" /> <!-- Spacer --> </VBox> <!-- Enhanced VBox with proper height and padding --> <VBox alignItems="Center" class="dashboardCardRevenue" height="200px" justifyContent="SpaceAround"> <ObjectStatus text="Revenue" state="Information" icon="sap-icon://lead" class="dashboardCardFontSmall" /> <ObjectNumber number="{dashboard>/totalRevenue}" unit="EUR" class="dashboardCardFontLarge" emphasized="true" /> <HBox height="10px" /> <!-- Spacer --> </VBox> </HBox> <!-- Combined Column + Line Chart --> <viz:VizFrame id="idComboChart" width="100%" height="400px" uiConfig="{applicationSet:'fiori'}" vizType="dual_combination" vizProperties="{ title: {text : 'Overall Status', visible : true}}" > <viz:dataset> <viz.data:FlattenedDataset data="{dashboard>/monthlyData}" > <viz.data:dimensions> <viz.data:DimensionDefinition name="Month" value="{dashboard>Month}" /> </viz.data:dimensions> <viz.data:measures> <viz.data:MeasureDefinition name="Reservations" value="{dashboard>Count}" /> <viz.data:MeasureDefinition name="Revenue" value="{dashboard>Revenue}" /> </viz.data:measures> </viz.data:FlattenedDataset> </viz:dataset> <viz:feeds> <viz.feeds:FeedItem uid="valueAxis" type="Measure" values="Reservations" /> <viz.feeds:FeedItem uid="valueAxis2" type="Measure" values="Revenue" /> <viz.feeds:FeedItem uid="categoryAxis" type="Dimension" values="Month" /> </viz:feeds> </viz:VizFrame> </VBox> </core:FragmentDefinition>