Go to Chameleon
All Collections
Tours
Common questions
How can I create a banner?

How can I create a banner?

Learn how to create banners at the top of your page to make announcements
Pulkit Agrawal avatar
Written by Pulkit Agrawal. Updated over a week ago

A banner is essentially a Tour Step that displays full width at the top of a page. You can include the same components within a banner as in any other Step.

To create this, create an Announcement Tour and adjust its Step accordingly:

  • Set its Position to be 'Relative to Screen' and to show in the 'top-center- position

  • Set the Canvas width to 100%

  • Click on any buttons in the Step and choose 'Position = Center right' (this will make the buttons inline with your text)

You can configure any other components as normal. Some suggestions include:

  • Remove the dismiss as a component (to allow a user to exist, use one of the button actions)

  • Reduce the corner radius to 0 px

Note: This step will show as part of a Tour. If you'd like to create an independent banner, do not add any other Steps to the Tour.

Know more

Did this answer your question?