Empty state illustrations in Theme Builder
Empty state illustrations in Theme Builder provide visually engaging placeholders for situations when content is missing.
Default empty state illustrations
When a component or a part of your Next Experience web page doesn’t contain data, an empty state illustration appears. Empty state illustrations are theme-able, and adapt to the theme colors of your instance.
Important: Empty state illustrations apply to Workspaces and are not supported in the Core UI.
No data available empty state illustration.
Custom images
Upload your custom images to Theme Builder to replace the default empty state illustrations.
To override the default empty state illustrations with custom images, upload each image size individually. You can choose to override just one size or all three sizes of an empty state type. The size and format limitations for each of the three file sizes are as follows:
| Field | Description |
|---|---|
| Dimensions limit | w56 × h56 px |
| Format | SVG |
| File size limit | 2 MB |
| Field | Description |
|---|---|
| Dimensions limit | w216 × h168 px |
| Format | SVG |
| File size limit | 2 MB |
| Field | Description |
|---|---|
| Dimensions limit | w350 × h318 px |
| Format | SVG |
| File size limit | 2 MB |
- Configure the colors for empty state illustrations
Configure and control the colors automatically applied to empty state illustrations to keep your visual experience engaging while maintaining brand recognition. - Override empty state illustrations with custom images
Modify or override the default empty state illustrations with your own custom images to promote visual elements that reflect your company's branding.
Parent Topic:Working with Image styles