Change order/position of Gutenberg inspector control panel

    <InspectorControls>

       <PanelBody title={ __( 'Settings One' ) }>
       </PanelBody>

       <PanelBody title={ __( 'Settings Two' ) }>
       </PanelBody>

       <PanelBody title={ __( 'Settings Three' ) >
       </PanelBody>

    </InspectorControls>

If you insert multiple Panelbody like I did in above code. You will have multiple inspector controls with first one being ope by default. Change the panelbody accordingly to match your desired order.

Related Posts:

  1. Deactivate Gutenberg tips forever – not Gutenberg
  2. How do I register multiple blocks with block.json and register_block_type_from_metadata?
  3. Disable Gutenberg text-Settings in all blocks
  4. gutenberg block – how to force update after attribute changed?
  5. How can I add a custom attribute to Gutenberg core blocks?
  6. Add additional classes to gutenberg .editor-styles-wrapper
  7. Gutenberg moving core blocks between categories
  8. Reset data when the field is cleared
  9. Is there a hook or filter yet for Gutenberg Block Editor to not auto-add Noreferrer to links with a target?
  10. How to remove specific panels in the editor (Gutenberg) when editing a block (via right panel)?
  11. Is it possible to use to create a “switchable” preview of a Carousel Gutenberg block?
  12. What is the significance of ‘root’ in getEntityRecords?
  13. How to Disable Gutenberg & Return to the Classic WordPress Editor Without any Plugins
  14. Gutenberg default value not saved in json
  15. Gutenberg default initial values for FocalPointPicker
  16. Pre-set CSS class into custom block/template
  17. How to check whether Gutenberg editor is installed or not [duplicate]
  18. How to align a single Gutenberg block button in WP 5.5.3?
  19. Is it possible to print the output of a Gunteberg block with no classes?
  20. How can you reset InnerBlock content to base template?
  21. Gutenberg Multiple InnerBlocks
  22. How can we mimic the columns block in Gutenberg to instead be a list?
  23. How to set Gutenberg preferences programmatically with wp.data.dispatch?
  24. Are gutenberg blocks ideally supposed to look the same in both back-end and front-end?
  25. How to output child block attributes on a parent block
  26. Is there a better way to to make async API calls using the @wordpress/data module?
  27. How can I center Gutenberg buttons on mobile?
  28. Extend the “core/link” Block Format
  29. Passing settings from Reusable Block to it’s children
  30. Gutenberg element: How to usw Rangecontrol with two values to imitate a rangeslider?
  31. Is there any simple way to remove Gutenberg editor H1 H5 H6 and change the label for the rest H2 H3 H4?
  32. Deprecated for blocks.getSaveElement
  33. WordPress filter post content with PHP before editing it in Gutenberg
  34. Pass PHP vars to gutenberg sidebar
  35. Suggested image dimensions Gutenberg Hook
  36. How Add New Button to Gutenberg Editing Toolbar
  37. How to force gutenberg to reload blocks after saving
  38. How can I programaticly open Gutenberg
  39. Update a block template and apply those changes to an existing post/page
  40. How do you manage the Gutenberg block previews in the admin area?
  41. Custom block save does not match due to stripped slashes from br tag and added figure tag around images
  42. Deprecated function not working in Gutenberg
  43. Gutenberg Block checkbox check-unckeck does not work
  44. WordPress npm run build and start only outputs wp-scripts start but does nothing
  45. Gutenberg get index of gutenberg innerblock
  46. Custom Endpoint API based on attribute gutenberg block
  47. Gutenberg : how can I get the title of the current block within its ‘edit’ function?
  48. Gutenberg – Remove add block button
  49. how can default_content filter tell if content will load in block editor or classic editor?
  50. Gutenberg somehow not loading in WP 5
  51. Gutenberg block – remove setting for core/file
  52. Gutenberg JavaScript error
  53. Gutenberg selecting child blocks directly from appender
  54. Image not aligning with text
  55. Custom validation on publish/ update in Block Editor
  56. WordPress Gutenberg – Open the “Block Pattern Explorer” programmatically
  57. Modify src attribute on image block
  58. Two text color palettes are appearing in Gutenberg
  59. WordPress Gutenberg – Sidebar get posts list based on selected category
  60. Gutenberg button removed on save if its empty
  61. Gutenberg build error: You may need an appropriate loader to handle this file type SCSS
  62. Gutenberg: How to constrict floated table blocks to 1000px width in the front-end, when align wide & full are being used?
  63. Quasy – modal component does not hide itself
  64. Table block – Wrap table
  65. ResizableBox component is not selectable in block editor
  66. Whitelist a single SVG for use in post_content
  67. Gutenberg block previews suddenly not working
  68. WordPress Gutenberg Signal on Block Alignment Change
  69. When to use block patterns over nested blocks?
  70. How to convert block to a list block in WordPress gutenberg editor?
  71. How to do store, retrieve and write attributes in the registerFormatType method in Guttenberg?
  72. How can I create more advanced layouts in Gutenberg block editor?
  73. How to replace the Gutenberg default block with a custom block?
  74. how to disable a button added by a plugin in gutenberg toolbar?
  75. Images are not shown in the post editor
  76. Updating failed message when a wp_insert_post function is hooked to save_post hook
  77. Get post ancestors in the Block Editor
  78. How to disable blocks in Gutenberg editor for specific post type
  79. Possible to make the link autocompleter prioritize Tags before Posts?
  80. Prevent FormTokenField component to accept random entries
  81. How to move the customizations done in the Editor to my child theme?
  82. Unable to see the attributes for the custom block created
  83. How to display dynamic block editor on front-end?
  84. Enable varying text for Phone, Tablet and Desktop
  85. Debouncing Input value with block attributes
  86. Using the block theme in production
  87. When using the MediaPlaceholder component, will skipping blobUrl handling break something?
  88. Pass component name in onChange [closed]
  89. Add another option to default link control settings panel?
  90. With full-site-editing menus, how do I create a non-linking top-level menu item with linking sub-pages
  91. How can I render a built-in Gutenberg block with InnerBlocks outside of the block editor?
  92. How do I add filters in Twenty-Twenty-Three without a functions.php?
  93. Add a new option to Social Link block
  94. Editing Inline fonts/typeface using the block editor
  95. What is the proper way of using React Hooks in Gutenberg on frontend?
  96. How to add Gutenberg editor on frontend page?
  97. WordPress gutenberg block serverside rendering html elements not showing up
  98. Gutenberg: change block Components Popover properties
  99. Unable to register a block using block.json in Block Editor
  100. $attributes not defined in block.json PHP template for ACF blocks

Leave a Comment