# Images

Images can be added to the header/footer either from your local files or from the assets in your organization's workspace. The second option is available only in Inforiver Writeback Matrix. Admins of the Inforiver Writeback Matrix workspace will be able to upload images using the [Admin console](https://docs.inforiver.com/admin-console) which can be used by all the other users in the workspace.

Let's look at the steps to add images.

a) Click on 'Header & footer' in the 'Design' tab.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FUmaufl4btPxdofX5ELjE%2F8.4.1%20Images.png?alt=media&#x26;token=a2ed9615-aa54-4702-8cee-45077f89dd08" alt=""><figcaption><p>Adding an image</p></figcaption></figure>

b) Select the 'Settings' icon in the cell where you want to add an image and select 'Type' -> 'Image'.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FrTI3ZxUtnNVOjfQT7Nuu%2F8.4.2%20Images.png?alt=media&#x26;token=bc9e3210-a98a-4bb4-b06d-63a3ad5fe3b9" alt=""><figcaption><p>Changing the cell type to Image </p></figcaption></figure>

c) You can see an option to select the image as highlighted.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FM6Zybop34UicahmLROOH%2F8.4.3%20Images.png?alt=media&#x26;token=61c1f20f-f4ca-4445-8847-37a8e64b3e33" alt=""><figcaption><p>Select image option</p></figcaption></figure>

d) On clicking 'Select image', you can see a dialog box with two options - 'Sign in with O365' and 'Upload from computer'.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FbWvMSxvFlq5M4oICW4es%2F8.4.4%20Images.png?alt=media&#x26;token=35b66d56-003f-4774-bdd9-1dab2bbe5bbb" alt=""><figcaption><p>Uploading image</p></figcaption></figure>

### 1. From local system

a) On selecting the 'Upload from computer' option in the 'Select image' dialog box, you'll be able to select a file from your system. Select the file and click 'Open'.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FNYOBC7CSevRucGys36Ar%2F8.4.5%20Images.png?alt=media&#x26;token=bc5ad5a7-4c40-4a60-a24d-9026f7f91279" alt=""><figcaption><p>Uploading a local file</p></figcaption></figure>

b) The image gets added as shown.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fpqp5fLWudeHReJUCW0wd%2F8.4.6%20Images.png?alt=media&#x26;token=989a7880-d097-4c4e-a321-399aed9d45e5" alt=""><figcaption><p>Image added</p></figcaption></figure>

c) Once you add an image, if needed, you can replace the image using the 'Replace image' option.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FYPMaWrCRx8CzwxNzpBnS%2F8.4.7%20Images.png?alt=media&#x26;token=d60d30b1-2111-4bc7-86bb-8bc5932b37b4" alt=""><figcaption><p>Replace image option</p></figcaption></figure>

d) You can resize the cell as desired and click 'Close editor' to see the image in read mode.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FV29NPTTZBKqkRP2UdYcY%2F8.4.8%20Images.png?alt=media&#x26;token=f4ab0265-914d-44b5-a651-45f8ac3a8597" alt=""><figcaption><p>Save changes</p></figcaption></figure>

e) The image in the header in read mode is shown in the below image.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FTaFZ3wglOHGgytRDxmrw%2F8.4.9%20Images.png?alt=media&#x26;token=559b15cd-0581-45d2-8ffd-9c13e19edc71" alt=""><figcaption><p>Header in read mode</p></figcaption></figure>

### 2. From the workspace

a) To access the images available in the workspace, you need to first sign in with your Office 365 account. Click on the 'Sign in with Office 365' button.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FWjOxgxMlLn5snzzfHgJM%2F8.4.10%20Images.png?alt=media&#x26;token=ef1cdde8-0d65-4796-b8b6-2aa240fef851" alt=""><figcaption><p>Upload from workspace</p></figcaption></figure>

b) Once you are logged in as indicated by the icon on the top right, you can see the 'Select image' option.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FQMXNMQipCz9M27MqlHO4%2F8.4.11%20Images.png?alt=media&#x26;token=750b2004-8a38-4a37-a673-863a50cfa5df" alt=""><figcaption><p>Select image option</p></figcaption></figure>

c) The images that are available as part of the workspace assets are listed in the dialog box. Click on the desired image and click 'Select'. Note that you'll also be able to upload files from your computer.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FF0sqV5ZuEzm79z1Cbqdt%2F8.4.13%20Images.png?alt=media&#x26;token=f1cf2cb9-251c-465c-a153-b0497dfd6169" alt=""><figcaption><p>Uploading from workspace</p></figcaption></figure>

d) The image gets added. Click on 'Close editor'.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FgsWhrKDJhDFTZAvqN2P3%2F8.4.14%20Images.png?alt=media&#x26;token=f0d87424-474a-4057-93a5-60e16360e840" alt=""><figcaption><p>Image added</p></figcaption></figure>

e) The image in read mode is shown below.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FLaaeD5rkqtKbUuc7SQbC%2F8.4.15%20Images.png?alt=media&#x26;token=e64d4a56-f091-4e2e-a012-b1d29156ce4d" alt=""><figcaption><p>Image in read mode</p></figcaption></figure>

In the next section, we'll be looking at inserting [charts](https://docs.inforiver.com/working-with-inforiver/8.-paginated-reporting/header-and-footer/charts) in the header/footer.
