Skip to main content

Dashboard Widgets: Image Header

Learn how to use the Image Header widget to display images on your app’s home screen.

Martin avatar
Written by Martin
Updated in the last hour

Overview

This widget is used for displaying an image such as a logo on the Dashboard page, a png (transparent) image is preferred as it will be displayed over the Dashboard background.

📌 This widget is available for both mobile and web applications.

Step 1: Add the Image Header widget to your Dashboard

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.

Step 2: Configure the Image Header widget

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.

💡 You can add a second Image Header widget to your dashboard by clicking on the vertical ellipsis in the top right of the widget and clicking on Add another. A second Image Header widget will appear in your Dashboard. At present, a maximum of two can be added to the Dashboard.

Did this answer your question?