# Change segment editor button layout

**URL:** https://discourse.slicer.org/t/change-segment-editor-button-layout/18343
**Category:** Development
**Tags:** segmentation
**Created:** [June 25, 2021, 6:42am UTC](https://discourse.slicer.org/t/change-segment-editor-button-layout/18343 "2021-06-25T06:42:57Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![qiqi5210](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/qiqi5210/32/15920_2.png) [@qiqi5210](https://discourse.slicer.org/u/qiqi5210)
#### Post date: [June 25, 2021, 6:42am UTC](https://discourse.slicer.org/t/change-segment-editor-button-layout/18343/1 "2021-06-25T06:42:57Z")

</div>

Hello, I want to know how to realize the vertical tool panel. I hope you can give me the detailed code. Thank you very much

---

<div class="post-metadata">

### Author: ![qiqi5210](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/qiqi5210/32/15920_2.png) [@qiqi5210](https://discourse.slicer.org/u/qiqi5210)
#### Post date: [June 25, 2021, 6:55am UTC](https://discourse.slicer.org/t/change-segment-editor-button-layout/18343/2 "2021-06-25T06:55:31Z")

</div>

Hello, I like the improvement of segment editor, and I want to learn it. I want to ask if you have realized it, and if you can provide some code so that I can learn it better. Thank you very much！

---

<div class="post-metadata">

### Author: ![lassoan](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/lassoan/32/13_2.png) [@lassoan](https://discourse.slicer.org/u/lassoan)
#### Post date: [June 25, 2021, 9:46pm UTC](https://discourse.slicer.org/t/change-segment-editor-button-layout/18343/3 "2021-06-25T21:46:14Z")

</div>

Can you write a bit about what you would like to achieve? Could you show a mock-up of the layout that you would like to have?

If you want to modify the Segment Editor widget then the first step is to [build Slicer](https://slicer.readthedocs.io/en/latest/developer_guide/build_instructions/index.html).

---

<div class="post-metadata">

### Author: ![qiqi5210](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/qiqi5210/32/15920_2.png) [@qiqi5210](https://discourse.slicer.org/u/qiqi5210)
#### Post date: [June 26, 2021, 9:10am UTC](https://discourse.slicer.org/t/change-segment-editor-button-layout/18343/4 "2021-06-26T09:10:04Z")

</div>

Thank you very much for your reply. I have built 3dslicer. I want to realize the function of vertical toolbar in the figure below, but I don’t know how to start. I hope you can give me a direction. Thank you again  
 ![toolBar](https://us1.discourse-cdn.com/flex002/uploads/slicer/original/3X/4/f/4f83d4bf58694e096fb15693dd13da9597afc8d3.png)

---

<div class="post-metadata">

### Author: ![lassoan](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/lassoan/32/13_2.png) [@lassoan](https://discourse.slicer.org/u/lassoan)
#### Post date: [July 18, 2021, 2:52am UTC](https://discourse.slicer.org/t/change-segment-editor-button-layout/18343/5 "2021-07-18T02:52:28Z")

</div>

You can edit qMRMLSegmentEditorWidget.cxx/.h and qMRMLSegmentEditorWidget.ui (using QtDesigner - by running `Slicer.exe --designer`) to customize the layout. It is all just standard Qt. Keep us updated about your progress - your updated GUI looks very nice.

---

<div class="post-metadata">

### Author: ![lassoan](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/lassoan/32/13_2.png) [@lassoan](https://discourse.slicer.org/u/lassoan)
#### Post date: [September 13, 2021, 7:56pm UTC](https://discourse.slicer.org/t/change-segment-editor-button-layout/18343/6 "2021-09-13T19:56:14Z")

</div>

Thanks to all the efforts of @jamesobutler, the new Segment Editor layout is now ready - see more information (and provide any feedback and suggestions) in this topic:

> [@New Segment Editor layout - vertical effect toolbar](https://discourse.slicer.org/t/new-segment-editor-layout-vertical-effect-toolbar/19649):
>
> Thanks to all the development efforts of @jamesobutler and feedback from the community, the new, more space-efficient Segment Editor user interface is now ready (available in latest Slicer Preview Release). The main difference is that the effect toolbar is vertical, with fixed number of columns and without icon labels. This layout makes it easier to remember where to find an effect (because the same effect always appears at the same place), and the space is used more efficiently (there is less n…
