<f:Card width="100%" height="24rem" class="sapUiSmallMarginBottom"> <f:content> <Page showHeader="false" backgroundDesign="Transparent"> <VBox items="{path: 'whatsNewModel>information', templateShareable: false}" class="sapUiSmallMargin"> <HBox alignItems="Center" class="sapUiTinyMargin"> <FormattedText visible="{= (${whatsNewModel>image} === null ? true : false) && (${whatsNewModel>text} !== null ? true : false)}" htmlText="{whatsNewModel>text}" /> <Image src= "{whatsNewModel>image}" visible="{= (${whatsNewModel>image} !== null ? true : false) && (${whatsNewModel>text} === null ? true : false)}" class="whatsNewImage" width="100%" /> <grid:CSSGrid visible="{= (${whatsNewModel>image} !== null ? true : false) && (${whatsNewModel>text} !== null ? true : false)}" gridTemplateColumns="2fr 3fr" gridGap="1rem"> <Image src= "{whatsNewModel>image}" class="whatsNewImage" width="100%"/> <HBox alignItems="Center"> <FormattedText htmlText="{whatsNewModel>text}"/> </HBox> </grid:CSSGrid> </HBox> </VBox> </Page> </f:content> </f:Card> </VBox> </Page> </pages> </Carousel> </content> <footer> <Toolbar> <content> <CheckBox id="whatsNewDialog_DontShowAgain" text="{i18n>TXT_DONT_SHOW_AGAIN_WHATS_NEW_DIALOG}"> </CheckBox> <ToolbarSpacer /> <Button id="sapUiRtaWhatsNewDialog_LearnMore" text="{i18n>BTN_LEARN_MORE_WHATS_NEW_DIALOG}" press=".onLearnMorePress"/> <Button id="sapUiRtaWhatsNewDialog_ButtonClose" text="{i18n>BTN_CLOSE_FEEDBACK_DIALOG}" press=".closeWhatsNewDialog"/> </content> </Toolbar> </footer> </Dialog> </core:FragmentDefinition>