diff --git a/images/appendix/ide_tooling/internal_actions/internal_ui_inspector_added_at.png b/images/appendix/ide_tooling/internal_actions/internal_ui_inspector_added_at.png new file mode 100644 index 000000000..df8b893d7 Binary files /dev/null and b/images/appendix/ide_tooling/internal_actions/internal_ui_inspector_added_at.png differ diff --git a/images/appendix/ide_tooling/internal_actions/internal_ui_inspector_icon_info.png b/images/appendix/ide_tooling/internal_actions/internal_ui_inspector_icon_info.png new file mode 100644 index 000000000..afc3300dd Binary files /dev/null and b/images/appendix/ide_tooling/internal_actions/internal_ui_inspector_icon_info.png differ diff --git a/images/appendix/ide_tooling/internal_actions/internal_uii_icon_info.png b/images/appendix/ide_tooling/internal_actions/internal_uii_icon_info.png deleted file mode 100644 index c12e15082..000000000 Binary files a/images/appendix/ide_tooling/internal_actions/internal_uii_icon_info.png and /dev/null differ diff --git a/topics/appendix/tools/ide_tooling/internal_actions/internal_ui_inspector.md b/topics/appendix/tools/ide_tooling/internal_actions/internal_ui_inspector.md index c2f1b1e38..aa93a1edf 100644 --- a/topics/appendix/tools/ide_tooling/internal_actions/internal_ui_inspector.md +++ b/topics/appendix/tools/ide_tooling/internal_actions/internal_ui_inspector.md @@ -18,12 +18,21 @@ While enabled, centering the cursor on a UI element and pressing Ctrl/ For example, to get information about the _Build Project_ button's icon (hammer) on the toolbar (highlighted in green), put the mouse cursor on the icon and press Ctrl/Cmd+Alt while clicking the mouse. -The _UI Inspector_ displays that the icon has the internal path `AllIcons.Actions.Compile`: +The _UI Inspector_ displays the icon details: -![Internal Icon Info](internal_uii_icon_info.png) +![Internal Icon Info](internal_ui_inspector_icon_info.png) ## Additional Properties +### added-at Property + +Sometimes, inspecting complex component's properties is not enough to understand how the component was created and configured. +_UI Inspector_ gives the possibility of finding the code where the selected component was added, which makes it much easier to understand which APIs can be used to build custom components with similar complexity. +To find the place were component was added, select the `added-at` property to show the stacktrace: +![added-at Stacktrace](internal_ui_inspector_added_at.png) + +### Specific Component Properties + Various components used in the IntelliJ Platform expose additional properties. These can be useful to locate the underlying implementation, related Action, etc.