inspector_dock.rst 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. .. _doc_editor_inspector_dock:
  2. Inspector Dock
  3. ===============
  4. The Inspector dock lists all properties of an object, resource, or node.
  5. It will update the list of the properties as you select a different node from the
  6. Scene Tree dock, or if you use **Open** command from the FileSystem's context menu.
  7. .. image:: img/inspector_overview.webp
  8. This page explains how the Inspector dock works in-depth. You will learn how to edit
  9. properties, fold and unfold areas, use the search bar, and more.
  10. Usage
  11. -----
  12. If the inspector dock is visible, clicking on a node in the scene tree will automatically
  13. display its properties.
  14. If it is not visible, you can show it by navigating to
  15. **Editor > Editor Settings > Editor Docks > Inspector**.
  16. At the top of the dock are the file and navigation buttons.
  17. .. image:: img/inspector_top_buttons.webp
  18. From left to right:
  19. - Opens a new window to select and create a resource in the memory and edit it.
  20. - Opens a resource from the FileSystem to edit.
  21. - Saves the currently edited resource to disk.
  22. - Provides options to:
  23. - **Edit Resource from Clipboard** by pasting the copied resource.
  24. - **Copy Resource** to clipboard.
  25. - **Show in FileSystem** if the resource is already saved.
  26. - **Make Resource Built-In** to work in a built-in resource, not the one from the disk.
  27. - The "<" and ">" arrows let you navigate through your edited object history.
  28. - The button next to them opens the history list for a quicker navigation. If you created multiple
  29. resources in the memory, you will also see them here.
  30. Below, you can find the selected node's icon, its name, and the quick button to open
  31. its documentation on the right side.
  32. Clicking on the node's name itself will list the sub-resources of this node if there are any.
  33. Then comes the search bar. Type anything in it to filter displayed properties.
  34. Delete the text to clear the search.
  35. This search is case insensitive and also searches letter by letter as you type.
  36. For instance, if you type ``vsb``, one of the results you see will be
  37. Visibility property as this property contains all of these letters.
  38. Before discussing the tool button next to the filter bar, it is worth mentioning
  39. what you actually see below it and how it is structured.
  40. .. image:: img/inspector_dock_overlay.webp
  41. Properties are grouped inside their respective *classes* as *sections*.
  42. You can expand each section to view the related properties.
  43. You can also open the documentation of each class by right-clicking on a class
  44. and selecting **Open Documentation**.
  45. Similarly, you can right click on a property and copy or paste its value,
  46. copy the property path, favorite it to be shown on the top of the inspector, or open its
  47. documentation page.
  48. If you hover your mouse over a property, you will see the description of what
  49. it does as well as how it can be called inside the script.
  50. You can directly change the values by clicking, typing, or selecting from the menu.
  51. If the property is a number or a slider, you can keep your left mouse button
  52. pressed and drag to change the values.
  53. .. image:: img/inspector_dock_subresource.webp
  54. If a node's property is a sub-resource, you can click on the down arrow to pick a
  55. resource type, or load one using the **Quick Load** or **Load** options.
  56. Alternatively, a supported resource can be dragged from the FileSystem.
  57. Once you start dragging, the compatible property will be highlighted.
  58. Simply drop it on the appropriate property's value.
  59. After loading a sub-resource, you can click on it to see its properties or adjust them.
  60. .. |undo| image:: img/inspector_dock_revert.webp
  61. The values with different values than their original values will have a revert icon (|undo|).
  62. Clicking on this icon reverts the value to its original state.
  63. If the values are linked with each other, they will have a chain icon and changing one
  64. will change others as well. You can unchain them by clicking on this icon.
  65. If you are changing a property a lot, you may consider favoriting it by right-clicking and
  66. choosing **Favorite Property**. This will show it at the top of the inspector for all objects
  67. of this class.
  68. Now that we have a better understanding of the terms, we can proceed with the tool menu.
  69. If you click the tool menu icon next to the filter bar, a drop-down menu will offer
  70. various view and edit options.
  71. .. image:: img/inspector_tools_menu.webp
  72. - **Expand All**: Expands all sections showing all available properties.
  73. - **Collapse All**: Collapses all properties showing only classes and the sections.
  74. - **Expand Non-Default**: Only expands the sections where the original value is different
  75. than the current value (the properties with a revert icon (|undo|)).
  76. - **Property Name Style**: This section determines how the properties' text is displayed in
  77. the inspector. ``Raw`` uses the property's own naming, ``Capitalized`` uses title
  78. case by changing the initial letters of each word to uppercase and removing underscores,
  79. ``Localized`` displays the translation of the properties if you are using the Editor
  80. in a language other than English.
  81. - **Copy Properties**: Copies all properties of the current node with their current values.
  82. - **Paste Properties**: Pastes the copied properties from the clipboard. Useful to apply
  83. the common properties of one node to another.
  84. - **Make Sub-Resources Unique**: By default, a duplicated node shares the sub-resources of
  85. the original node. Changing one parameter of the sub-resource in one node, affects
  86. the other one.
  87. Clicking this option makes each sub-resource used in this node unique, separated from
  88. other nodes.
  89. .. tip:: If a node has exported variables in its attached script, you will also see these
  90. in the inspector. The first image in this section has one for the Player node:
  91. `Action Suffix`. See :ref:`doc_gdscript_exports` for more on this topic.
  92. .. seealso:: Refer to :ref:`doc_customizing_editor` for dock customization options.
  93. .. break down inspector content in class name, property categories that are foldable, and individual properties.
  94. .. Using the buttons at the top.
  95. .. Using the tool menu
  96. .. List each property type and how to edit it
  97. .. For numerical inputs, mention and link to a page about formulas
  98. .. Refer to :ref:`doc_filesystem_dock`