Customizing Aras Innovator Header Logo

Custom branding of Aras Innovator is beneficial for branding, user experience and adoption. Whereas Aras Innovator V11 used a simple .svg file inside the code tree, in V12 we need to dive a little deeper.

Steps

1. Open the TOC and go to Administration > Configuration > Client Presentation
2. Perform a search and open the single record that you find named ‘JavaScript’
3. On the ‘JavaScript’ item, click on the ‘Global’ item / URL
4. On the ‘Global’ item, open the ‘Command Bar Section’ relationship and expand the ‘Name’ column
5. Scroll down until you find an item with the name ‘com.aras.innovator.cui_default.mwh_header’ and open it
6. On the ‘com.aras.innovator.cui_default.mwh_header’ item, open the ‘Command Bar Section’ relationship and expand the ‘Name’ column
7. Find the item with the name ‘com.aras.innovator.cui_default.mwh_header_logo’ and open it
8. Click ‘Edit’ and attach your logo file to the property that has the ‘Image’ label

Note

Using .svg files is recommended by Aras because it scales without stretching and your logo will not get blurry or pixelated (.svg is a vector format). It is also benficial for loading speed.