# Could I edit qMRML~Widget in Qt designer?

**URL:** <https://discourse.slicer.org/t/could-i-edit-qmrml-widget-in-qt-designer/35684>\
**Category:** Development\
**Created:** [April 23, 2024, 3:45pm UTC](https://discourse.slicer.org/t/could-i-edit-qmrml-widget-in-qt-designer/35684 "2024-04-23T15:45:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![park](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/park/32/5717_2.png) [@park](https://discourse.slicer.org/u/park)\
**Post date:** [April 23, 2024, 3:45pm UTC](https://discourse.slicer.org/t/could-i-edit-qmrml-widget-in-qt-designer/35684/1 "2024-04-23T15:45:42Z")

</div>

Hello everyone,

I’m interested in creating a custom widget using the qMRML~Widget in Qt Designer, particularly the qMRMLMarksupROIWidget.

For the qMRMLMarksupROIWidget, I only require a slider to adjust the size of the ROI. Specifically, I want to remove all other elements and reposition the slider.

Is this achievable in Qt Designer?  
If so, which approach would be more efficient: rebuilding the functionality from scratch or utilizing the qMRML Widget?

---

<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:** [April 24, 2024, 1:34am UTC](https://discourse.slicer.org/t/could-i-edit-qmrml-widget-in-qt-designer/35684/2 "2024-04-24T01:34:39Z")

</div>

If you only need a single slider then probably you don’t need to create a new widget for it, you can just use a Qt or CTK slider widget.

---

<div class="post-metadata">

**Author:** ![park](https://sea2.discourse-cdn.com/flex002/user_avatar/discourse.slicer.org/park/32/5717_2.png) [@park](https://discourse.slicer.org/u/park)\
**Post date:** [April 24, 2024, 2:26am UTC](https://discourse.slicer.org/t/could-i-edit-qmrml-widget-in-qt-designer/35684/3 "2024-04-24T02:26:39Z")

</div>

Thank you for your response.

I created a slider using ctkRangeSlider as you advised, but there is an issue.  
The style of the selected range doesn’t change as I want it to.

I’ve tried changing the color somewhat using the following code:

```css
ctkRangeSlider, QSlider {
    selection-background-color: #427d7a;
}

```

![캡처](https://us1.discourse-cdn.com/flex002/uploads/slicer/original/3X/b/0/b01d10f399ffda5193de5e636ce966ddb3331421.png)

But as you can see in the image, the gradient and border colors are still present.

How can I resolve this?