Change model-driven app custom table icons
When a custom table is created, it is automatically assigned a default icon. All custom tables use the same icon by default. Use custom icons to differentiate how your custom tables look. It is not possible to modify the icons assigned to system tables.
In the example here, the accounts table has an icon already assigned to it as it is a system table, however the other tables have the default icon.
Icons can be used for the following purposes with model-driven apps.
|Table icon||A .svg, .gif, .png, or .jpg format image, 16x16 pixels in size. This article describes how to edit the table icon.|
|Icon for table forms||A .svg, .gif, .png, or .jpg format image, 32x32 pixels in size. More information: Enable or disable table options|
|App icon||Must be a scalable vector graphic (.svg) icon. More information: Manage model-driven app settings in the app designer|
All image files must be no more than 10 kilobytes in size.
Setting the icon in the app designer overrides the table definition icon setting. When the table icon in app designer is set to the default icon, the icon specified in the table definition is displayed in the app.
When a scalable vector graphic (.svg) image is used as the app icon or icon for table forms, it must have the default size set. Since SVG is an XML document, the svg element width and height values can be edited with a text editor to define the default size for the image.
Each type of icon is stored as a web resource. Create a web resource first and then set the icons to use them. Alternatively, you can add the icon by creating a new web resource when you define the table properties.
Set the icons for a custom table from the table definition
Sign in to Power Apps.
Select Solutions on the left navigation pane, and open the solution you want or create a new one. Then open the custom table from the solution. To use the default solution, select Tables on the left navigation pane, and then open the table you want. If the item isn’t in the left navigation pane, select …More and then select the item you want.
Select Properties. In the right Edit table pane, expand Advanced options.
Under Choose table image, select from the following options:
- Select the dropdown to choose an existing web resource.
- Select New image web resource to create a web resource to add the icon. More information: Create or edit web resources to extend an app
Set the icon for a custom table in app designer
- On the app designer left pane, select the table.
- In the right table properties pane, under Icon, select Use web resource > Select icon.
- Select from the list of existing image web resources or select New to create a new one.
- Select Select, and then select Publish to make the changes available in your app.
Review changes to your model-driven app icons
Once the updates have taken effect the changes can be reviewed by playing the app. In this case, the Courses table has been updated and the icon has changed.
Set the icons for a custom table (classic)
From Power Apps , select Solutions on the left navigation pane. If the item isn’t in the left navigation pane, select …More and then select the item you want.
Open the unmanaged solution with the tables where icons need to be set.
Select Switch to classic from within the solution command bar (you may need to select ... first). This opens the solution in the classic solution explorer.
Once in the classic solution explorer, expand Entities (tables).
Select the custom table, which requires an updated icon.
Set table icons
On the command bar, select Update Icons.
In the Select New Icons dialog, on the Web Client tab, under Icon in Web application or Icon for Entity Forms, to the right of New Icon, select the Browse button .
Select or create the appropriate web resource, and then select OK.
In the Unified Interface tab, do the same for the New Icon column.
Select OK to close the Select New Icons dialog.
On the command bar, on the File menu, select Save.
When your changes are complete, publish them. Select Publish in the command bar while the table is selected in solution explorer.
Iconator is a tool that XrmToolbox community developed for Power Apps. This allows a designer to update the icons associated with a table in addition to introducing new icons.
See the Developer tools for Microsoft Dataverse article for community developed tools.
The community tools are not a product of Microsoft and Microsoft doesn't provide support for the community tools. If there are questions relating to the tool, please contact the publisher. More Information: XrmToolBox.
Submit and view feedback for