Set folder icons in a Classic Experience

Customize folder icons in your Classic Experience for a user-friendly interface. Use a default icon for consistency and add custom icons to individual folders for clear navigation. This dual approach enhances both design and usability.

See how it looks

Key features

• Customize the look of a Classic Experience
• Default icons provide a uniform look across your Experience when custom icons aren't used
• Select from 7 different styles for default icons
• Use custom icons to make each folder icon unique to the content within

You need this to succeed

The quick way

1. Open a Classic Experience in the Experience Builder.
2. Set a default folder icon:
   1. Click Design and select Default folder icon.
   2. Select a folder icon and click Save.
3. Set a custom folder icon:
   1. Hover over a folder, click the gear icon, and click Edit item.
   2. Hover over the folder icon and click the trash icon.
   3. Upload an image file and click Save.

Do this step by step

Open the Experience Builder

1. In the Admin App, navigate to the Libraries tab.
2. If your organization uses multiple Divisions, select the desired Division from the top-left dropdown menu.
3. Click Experiences in the left-side menu.
4. Select a Classic Experience from the Experiences library.
5. At the top of the Experience detail panel, click Open Experience Builder.

Default folder icon

Set a default folder icon for all folders in your Classic Experience that don't have a custom icon.

1. Click Design and select Default folder icon.
2. Select the folder icon you want to use as the default icon and click Save.

Custom folder icon

You can add your custom folder icons while creating a new folder or editing an existing folder.

The recommended dimensions of a folder icon are 420px by 460px. Save them as PNG files to preserve transparency. You can design icons with or without labels.

• Icons with labels: You can position your icon in the entire space, as the label will be part of the design.
• Icons without labels: If you use Showpad's default folder labels, they will appear below the icon space (420px by 460px). To keep the icon closer to the label, we recommend positioning your design toward the bottom of the artboard.

To upload a custom folder icon:

1. Hover over a folder to reveal the gear icon.
2. Click the gear icon and select Edit item.
3. Hover over the folder Icon and click the trash icon.
4. Perform one of the following:
   • Drag & Drop a PNG into the Icon area.
   • Click Browse to select a PNG from your device.
5. Click Save.