Users can either create their custom SVG icons or download them and use them for workspaces instead of the default ones.
Use case: Let us assume that the user wants to modify the icon for the Production Workspace of Acumatica.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture1-1024x643.jpg)
To modify the Workspace icons below mentioned are the steps:
- Download/create an SVG icon.
- Now copy this SVG file to [instance_name]/Content/svg_icons folder.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture2-3-1024x568.png)
- Open this file in Visual Studio.
- After you open it, the file will contain the below code. The following code is an example of the SVG file that we have downloaded in this blog.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture3-3-1024x591.png)
- And enter the below surround the code tag of <path> by <symbol> tag.
<symbol id= “production_icon”> <path d= “…”> //this tag is already present </symbol> |
- id: represents the ID of the icon.
viewBox: represents the coordinates of the icon. The dimensions defined in viewBox should be for a square layout of the icon. In our case since, the viewBox attribute is already present in the code, there isn’t any requirement to add a new one. You can even remove the viewBox attribute from the <svg> tag and can put it in the <symbol> tag. In case there are multiple icons in one svg file, make sure the correct values have been specified for each of them. - And hence, save the file.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture4-2-1024x598.png)
- Now log in to Acumatica, with the credentials have to right to edit the Menu page.
- Click on the More Menu (three dots) in the lower left bottom of the screen, and select Edit Menu.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture5-2-1024x645.png)
- This will change the screen in editing mode.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture6-2-1024x643.png)
- Select the pencil icon to the right of the Production Orders workspace.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture7-2-1024x647.png)
- This is open the Workspace Parameters dialog box.
- Select the production_icon option from the Icon dropdown menu.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture8-1-1024x643.png)
- And then click on OK.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture9-1-1024x648.png)
- And at last, select the Exit Menu Editing option in the lower left bottom of the screen.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture10-1-1024x643.png)
- Refresh your browser and hence, the icon has been modified.
![](https://www.germinit.com/wp-content/uploads/2023/04/Picture11-1024x648.png)
Curious to know how Acumatica can Unlock your business potential?
Contact Us today at info@germinit.com!
What We Do – GerminIT, one of the oldest ERP providers, is well known for its ERP implementation and customizations. We provide complete end-to-end assistance for data migration, system integrations, technical consultations, implementation competence, third-party add-on development, and product customizations for clients across the US, UK, Middle East, Australia, Asia, and Africa.