# Making the Detail Slider Wider

**URL:** <https://community.glideapps.com/t/making-the-detail-slider-wider/63760>\
**Category:** Ask for Help\
**Created:** [July 11, 2023, 7:39am UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760 "2023-07-11T07:39:52Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![zackkendall](https://avatars.discourse-cdn.com/v4/letter/z/e0b2c6/32.png) [@zackkendall](https://community.glideapps.com/u/zackkendall)\
**Post date:** [July 11, 2023, 7:39am UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/1 "2023-07-11T07:39:52Z")

</div>

The current slider for details is too small a width. Is there a way to add Code in to widen it?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 11, 2023, 1:59pm UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/2 "2023-07-11T13:59:42Z")

</div>

Can you show us which specific component are you talking about? Are you on a Business/Enterprise plan?

---

<div class="post-metadata">

**Author:** ![Jarvis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jarvis/32/81377_2.png) [@Jarvis](https://community.glideapps.com/u/Jarvis)\
**Post date:** [May 18, 2024, 3:58am UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/3 "2024-05-18T03:58:28Z")

</div>

He’s talking about the slide-in modal for a detail screen.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/7/8797cdbbe9f32a6bc97471655747a6e7506811f9.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 18, 2024, 11:45pm UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/4 "2024-05-18T23:45:19Z")

</div>

That might be possible with CSS, do you need that?

---

<div class="post-metadata">

**Author:** ![Jarvis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jarvis/32/81377_2.png) [@Jarvis](https://community.glideapps.com/u/Jarvis)\
**Post date:** [May 19, 2024, 1:00pm UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/5 "2024-05-19T13:00:16Z")

</div>

It would be very much appreciated if you could help us out. I also feel that the slide-in is too narrow, and making it larger will help our customers view the data more easily.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 19, 2024, 11:59pm UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/6 "2024-05-19T23:59:08Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/5/f58cbe9d4b3cd0750dc038f6ea586990b863de09.png)

You can try with variations of this.

```auto
div[class*="slide-in-content___StyledMDiv3"] {
width: 80% !important;
}

```

---

<div class="post-metadata">

**Author:** ![Jarvis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jarvis/32/81377_2.png) [@Jarvis](https://community.glideapps.com/u/Jarvis)\
**Post date:** [May 21, 2024, 12:30am UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/7 "2024-05-21T00:30:51Z")

</div>

This works perfectly. @zackkendall you can mark ThinhDinh’s answer as the solution 😃

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 21, 2024, 12:45am UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/8 "2024-05-21T00:45:20Z")

</div>

Great to hear!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [May 28, 2024, 12:45am UTC](https://community.glideapps.com/t/making-the-detail-slider-wider/63760/9 "2024-05-28T00:45:43Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.