# Assets

The assets settings make asset management easier by displaying all the assets (images, icons, and fonts) used in the Inforiver visual in a common dashboard. You can easily view, add, update, or delete any asset.

## 1. Overview

Every assets page (Image, Icons, and fonts) contains the following columns:

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FdlqTIqq1hjx4ywWJ9Gre%2Fassets-page-columns.png?alt=media&#x26;token=340e71ac-983d-4663-9be8-1306a0f87f32" alt=""><figcaption><p>Assets page columns</p></figcaption></figure>

* **Name** - Displays the name of the asset
* **Updated by** - The name of the user who uploaded this asset
* **Updated at** - The date and time at which the asset was updated at. You can also sort this column in ascending or descending order by clicking on the up or down arrows respectively.
* **Size** - The file size of the asset
* **Type** - The file extension or type of the asset. You can also sort this column in ascending or descending order by clicking on the up or down arrows respectively.

Every added asset also has a reload and delete icon. Clicking on the 'Reload' and 'Trash' icons will update and delete the asset respectively.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FtpFweoEJyi9Qez1B1Q8t%2Fasset-page-icons.png?alt=media&#x26;token=a8c5aa14-0078-4738-869b-dc877fc4a19e" alt=""><figcaption><p>Asset page icons</p></figcaption></figure>

The following filter options are present at the top of the page:

* **Search bar** - Here you can search for any asset by entering its name

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FFNaPYn98vE2ebPcgY3KA%2Fsearch-bar-filter.png?alt=media&#x26;token=46cccf72-e98f-41c3-8969-244d16fee017" alt=""><figcaption><p>Search bar filter option</p></figcaption></figure>

* **Type** - With this drop-down, you can filter assets by their type.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Ft6lboexejYyJzMDMxYnM%2Fimage.png?alt=media&#x26;token=e9a2b1aa-2fa3-47bd-833e-1ec058c2dd3e" alt=""><figcaption><p>Type filter</p></figcaption></figure>

* **Added by** - Using this drop-down you can filter the assets based on the user who added them.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FAAgzbGl27y7782sNFyLB%2Fimage.png?alt=media&#x26;token=aaeb3fc1-a64b-49f5-9dad-367de44b9eb7" alt=""><figcaption><p>Added by filter</p></figcaption></figure>

* **Reset all -** Clicking on this link will reset or clear all the applied filters.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FfFhLpLzyLmreiIEM62L1%2Freset-all-filter.png?alt=media&#x26;token=82c2a579-8303-4600-81f3-dc309cfe8b24" alt=""><figcaption><p>Reset all fiter</p></figcaption></figure>

## 2. Uploading assets

You can upload images, icons, and fonts. Let's look at the steps on how to upload each of these assets.

### a) Images

To add an image, click the 'Add' button on the top right corner of the page.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FvhVmGjAnW4N7NFxIuqOU%2Fadd-image-button.png?alt=media&#x26;token=d3aa4991-ff9f-44cf-92b1-3fcd6422793d" alt=""><figcaption><p>Add images button</p></figcaption></figure>

This will open up the file manager in your system to select the image to be added.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F8DWms3Lm2issxkXH4350%2Fadd1.png?alt=media&#x26;token=d1ebbbdf-e357-4a7b-9a0f-f51ca2ef8622" alt=""><figcaption><p>Select image file modal</p></figcaption></figure>

The selected image asset gets added.&#x20;

### b) Icons

To upload an icon, click the 'Add' button at the top-right.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FpmUEO7jwqkcUuAlIAMnb%2Fadd-icons-button.png?alt=media&#x26;token=a1a2126c-a894-4f92-b036-140e0f2a653b" alt=""><figcaption><p>Add icons button</p></figcaption></figure>

This will open up the file manager in your system to select the icon to be added.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FuvrwwWzXiyv0aSC0CBxC%2Fimage.png?alt=media&#x26;token=ed58f2d4-35f0-4deb-8665-008c94cb4173" alt=""><figcaption><p>Select icon from file manager</p></figcaption></figure>

The selected icon asset gets added.

### c) Fonts

The fonts settings display the list of all the added custom fonts.&#x20;

You can add/upload a custom font by clicking on the 'Add' button at the top right corner of the screen.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FkLCGPR601oVlri4Sv2S3%2Fadd-fonts.png?alt=media&#x26;token=5f76d46b-680b-47b2-b915-1c8db6cab839" alt=""><figcaption><p>Add custom font</p></figcaption></figure>

This will open up the 'Add font' modal. In this modal, enter a font name.&#x20;

Click the 'Choose file' button to upload your custom font files for regular and other font styles.&#x20;

{% hint style="info" %}
The 'Add' becomes get enabled only after uploading the custom font files for all the font styles.
{% endhint %}

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FcLblC0GOj5UabweRgwl5%2Fchoose-font-file.png?alt=media&#x26;token=256f71a5-6cbe-4dd5-90b7-2e2cea1ab683" alt=""><figcaption><p>Choose font file</p></figcaption></figure>

You can also view a preview of your uploaded custom font styles by clicking on the 'Search bar' icon displayed next to the corresponding font styles.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FU85gELQStDZDDq6mIhYP%2Ffont-preview.png?alt=media&#x26;token=aa8108b6-15f7-44c7-9076-dd6ccbaaec5a" alt=""><figcaption><p>Add font modal</p></figcaption></figure>

Click 'Add' to add complete the process.

{% hint style="info" %}
Only custom fonts with the type TTF format can be uploaded
{% endhint %}

The added font will get displayed on the screen.&#x20;

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FIHvnJDy5ARIUnzex9bgD%2Ffont-list.png?alt=media&#x26;token=ac40fc37-743d-4fb7-ae6a-e2904dc63676" alt=""><figcaption><p>List of all fonts</p></figcaption></figure>

You can edit the uploaded font by clicking on the 'Pencil' icon next to the font list item.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FgcWMvsFO0Y7kNgYcHwI5%2Fedit-font.png?alt=media&#x26;token=9caeedb2-b4e6-49a3-abc7-59c5ab86fe80" alt=""><figcaption><p>Edit font icon</p></figcaption></figure>

This will open up the 'Edit font' modal, in which you make all the necessary edits and click 'Update' to save the changes.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2FPI0J2FnjQiUnOzH72DE7%2Fedit-font-screen.png?alt=media&#x26;token=91139a8f-d07a-4682-a5a2-2be073f94f55" alt=""><figcaption><p>Edit font modal</p></figcaption></figure>

To delete the added font, click the 'Trash' icon of an added font list item.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2F3PTraluBkRtMFyqxT4Q9%2Fdelete-font.png?alt=media&#x26;token=204694bf-40fd-41ce-bd07-c9f1ba18baed" alt=""><figcaption><p>Delete fonts</p></figcaption></figure>

This will open up the 'Delete' confirmation modal. Click 'Delete' to confirm the deletion.

<figure><img src="https://3062809325-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEbkCXCUXmtUq5tcnUtZE%2Fuploads%2Fj9vJU7SfwDx009pY624b%2Fdelete-font-confirmation.png?alt=media&#x26;token=e4962001-b2a1-4f15-9d50-e99f465e54af" alt=""><figcaption><p>Delete fonts confirmation modal</p></figcaption></figure>

All the custom fonts which are added to a particular tenant get listed when you log in and map to the same tenant.

The custom fonts can be viewed in the exported PDF if the page setup is done with the custom fonts.

{% hint style="info" %}
The custom fonts are not supported in the exported excel.
{% endhint %}

In this section, we have covered asset settings. Navigate to the next chapter to learn more about the [onboard actions](https://docs.inforiver.com/admin-console/onboarding-actions).
