Layouts/Page Footer
fd-page-footer · 4 examples from SAP's documentation · Back to the gallery
About
The Page Footer displays at the bottom of the page, and includes the links, icons and copy Right string.
**Use Page Footer if:** - You want to add the page footer of the UI, which defines the bottom of the page. - You want to display list of action at the bottom of the screen. **Do not use Page footer if:** - You want to display collection of links for menu listing actions at the bottom of the screen. Note: You may want to display components from right to left on the screen for international purposes. To display them as such, add the \ **Use Page Footer if:** - You want to add the page footer of the UI, which defines the bottom of the page. - You want to display list of action at the bottom of the screen. - You want to display collection of links for menu listing actions at the bottom of the screen. Note: You may want to display components from right to left on the screen for international purposes. To display them as such, add the \
SingleLineLink
The Page Footer contains Image/logo, And list of links in the footer. It is responsive to tablet and mobile screen sizes.
MultiLineLink
The Page Footer contains Image/logo, And list of links in the footer. To apply multiline link, add the `fd-page-footer__row` modifier class to the container element.
ImageAndIconLink
Example of The Page Footer representing multiline link,and adding images in the code to represent the clickable images and multiline is achived by adding the `fd-page-footer__row` modifier class to the container element.
image link
image link
FooterWithDiffrentSize
Example of The Page Footer representing multiline lin, add the `--xl` `--lg` `--md` `--sm` size modifier class to the container element.