The Image Header widget allows you to display an image, such as a logo, on your app's home screen or home page. A png image with a transparent background is recommended to ensure there is no clash or overlap with your app background colour or image.

The Image Header widget is flexible and can be used in many ways. You can use it as a logo banner, to add an image, or to add graphical elements to your app's home screen. It automatically adjusts to your image size. Here are some recommended sizes for mobile and web. If your image is less than 567px wide, it will stay the same size when shown on the web.

For further guidance on how to create an image for this widget, you can refer to the Image Guidelines article.

1. In Cogniss Creator, navigate to Dashboard in the left sidebar.

2. Click on Add new widget in the top right of the page.

3. In the Dashboard widgets library, search for the Image Header widget and click Add. Return to the Dashboard by clicking on the cross in the top right.

4. The Image Header widget will now be on your Dashboard and ready for you to configure as needed.

5. Click Save Changes at the bottom of the page.

1. Under Image, click on Upload media to upload your header image. In the media library under App Files, click Upload Media and select the image you want to upload. Once uploaded click on the image and you'll see a blue tick. Click Insert at the bottom of the page.

2. If you're using the Image Header widget for a web app, you also have the option of selecting the layout. Under Widget layout, click Set layout and select from Standard or Wide. Once you have made your choice, click Select.

3. Once you have updated the widget, click Save Changes at the bottom of the page.

4. Open your app to preview your uploaded image in the Image Header widget and to test that it works as expected.
​