Using SAP Business One, Web Client Inspector

Once you have installed the Web Client Inspector, it becomes active when you open the Web client. Let’s look at the key feature of the Web Client Inspector – locating Web client controls:

1. To open the UI Inspector in Chrome or Edge, hit F12 on your keyboard. Alternatively, you can open the Developer tools, then choose the Web Client tab.
2. The UI Inspector tab shows the structure and nesting of the Web client controls for the current active view.
3. You can search and filter for specific controls.
4. In the UI Inspector tab, selecting a specific node in the tree highlights the corresponding control in the app. For example, if you want to locate the new button before the Edit button, choose the Edit button in the UI Inspector, then the Edit button in the Web client view will be highlighted.
5. You can also can right click the UI element in the Web client view (for example, the Edit button) and select the Inspect Web Client Control menu item.
6. In the Properties tab, you’ll see the properties for the control you’ve selected (such as the Edit button). You can copy the GUID value to use later in your Visual Studio Code project.

For more details, refer to Working with Web Client Inspector | SAP Help Portal.