@cas-smartdesign/app-banner

An element that functions as an app banner and can be used to reference another page.

Usage Examples

• In the SmartWe tenant and login mobile page to link to the mobile App
• In the Cas GenisisWorld tenant and login mobile page to link to the mobile App

Implementation steps

1. Complete the installation steps in the menu tab Installation
2. Add the tag <sd-app-banner> with the parameters from the Chapter Properties

<sd-app-banner
			url=<< Your link to the application >>
			message=<< Titel of your app banner >>
			verticalAlignment=<< "top" or "bottom" or "" >>
			icon=""
></sd-app-banner>

Properties

• message: string
  • The message that is shown to the app-banner.
• messageAppButton: string
  • The message that is used as a caption for open app button.
• url: string
  • The URL shall be opened when the button is clicked.
• icon: string
  • The path to an image that will be shown within the app-banner.
• verticalAlignment: string
  • The option to set a fixed position for the app-banner:
    • If you want to place it at the top, use "top"
    • If you want to place it at the bottom, use "bottom"
  • If this attribute's value is empty, you can apply your own CSS style. See in the second example.