Skip to main content
All CollectionsData VisualizationViews
Change Component Icons to Images
Change Component Icons to Images

Custom images can enhance your components' visual appeal.

Kristine Marhilevica avatar
Written by Kristine Marhilevica
Updated over 3 weeks ago

You can replace the icons representing Components with custom images.

The use of images as icons enhances engagement by making your content visually appealing, engaging, and easy to understand.

  • Images play an important role in your storytelling

  • Visual images convey information in a memorable and recognizable way

Tip: In Ardoq, we strongly recommend modeling people as distinct components, not just fields โ€” such as names or email addresses โ€” on another component type. If you're using the Microsoft Entra ID integration, you can import user profile pictures during the integration.

Set default image for a Component Type

You can add re-usable images to your Document Archive by selecting the option in the top-right corner.

You can upload images or drag and drop them directly into the Document Archive.

With the images uploaded, the next step is to update the component styling.

Use the sidebar menu to select the Workspace tab and click Manage component types and metamodel.

Select the component type you want to edit from the metamodel and set the Image field to the image you uploaded:

This will apply the image as the default image for that component type:


โ€‹You can then use the component-level style editor (explained below) to override the default image:

Set individual component icons

In workspace view, you can right-click a component and click the Edit style button:

This will let you set an uploaded image as the visual representation of that specific component.

Select a relevant image and click Save to update the icon.

Drag and drop images onto components

Drag an image with a valid type (.png, .svg, .jpg) on top of a component to automatically upload the image and assign it to the component.

Did this answer your question?