# How can I stretch the record page in an inbox view so that I can use all the real estate

**URL:** <https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823>\
**Category:** Editing Layout\
**Created:** [August 5, 2024, 2:21am UTC](https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823 "2024-08-05T02:21:19Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![R\_Arthur](https://avatars.discourse-cdn.com/v4/letter/r/9e8a1a/32.png) [@R\_Arthur](https://community.stackerhq.com/u/R_Arthur)\
**Post date:** [August 5, 2024, 2:21am UTC](https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823/1 "2024-08-05T02:21:19Z")

</div>

Hi, I am using the inbox view for some forms. Much of the real estate on the record (right side) of the form is wasted. How can I stretch to use the full real estate. I am guessing it requires CSS which I used for list views successfully but have not been able to figure it out for inbox views.

---

<div class="post-metadata">

**Author:** ![MrLunt](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/mrlunt/32/733_2.png) [@MrLunt](https://community.stackerhq.com/u/MrLunt)\
**Post date:** [August 6, 2024, 7:10pm UTC](https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823/2 "2024-08-06T19:10:21Z")

</div>

Can you upload a screenshot?  
Here is a sample of the inbox view that’s used

 ![Snip20240806_37](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/0bb8387115ad99b15e37d45a39918aac49c5ef81.png)

---

<div class="post-metadata">

**Author:** ![R\_Arthur](https://avatars.discourse-cdn.com/v4/letter/r/9e8a1a/32.png) [@R\_Arthur](https://community.stackerhq.com/u/R_Arthur)\
**Post date:** [August 9, 2024, 4:44pm UTC](https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823/3 "2024-08-09T16:44:13Z")

</div>

![Screenshot 2024-08-09 at 11.43.22 AM](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/57f2304dc7d71d9183d131276388c20bbd6c3572.jpeg)

Thank you. Screen shot is added. You can see all the wasted real estate to the left and right of the record view. Thank you Mr.Lunt

---

<div class="post-metadata">

**Author:** ![Brittany\_Tickner](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/brittany_tickner/32/460_2.png) [@Brittany\_Tickner](https://community.stackerhq.com/u/Brittany_Tickner)\
**Post date:** [August 9, 2024, 8:31pm UTC](https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823/4 "2024-08-09T20:31:00Z")

</div>

Hi there,

Here is a post that talks about using Custom CSS to stretch the screen to use the full width of the page:

> [@Using CSS to make list view full width](https://community.stackerhq.com/t/using-css-to-make-list-view-full-width/603):
>
> Howdy gang, here’s a little bit of CSS you can use to make your list view span the full width of your screen. This is great if you have loads of fields you want to display at once. .stk-content \> div { width: 100% !important; } #pageHeroContainer div { max-width: 100% !important; margin-left: 6px; } .block { max-width: 100% !important; } Here’s how it looks on my larger monitor (and note this is responsive so you can resize the window and it should still look good!) Before:

Let me know if you have further questions!

---

<div class="post-metadata">

**Author:** ![R\_Arthur](https://avatars.discourse-cdn.com/v4/letter/r/9e8a1a/32.png) [@R\_Arthur](https://community.stackerhq.com/u/R_Arthur)\
**Post date:** [August 10, 2024, 12:42am UTC](https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823/5 "2024-08-10T00:42:40Z")

</div>

Thank you Brittany, very appreciative.

---

<div class="post-metadata">

**Author:** ![R\_Arthur](https://avatars.discourse-cdn.com/v4/letter/r/9e8a1a/32.png) [@R\_Arthur](https://community.stackerhq.com/u/R_Arthur)\
**Post date:** [August 10, 2024, 2:51am UTC](https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823/6 "2024-08-10T02:51:12Z")

</div>

Thanks again Brittany. Yes I have this in and it works great. It does not carry over to the inbox view however. I am guessing there is a trick to apply it to a different div on that kind of page or something.

 ![Screenshot 2024-08-09 at 9.50.31 PM](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/685204c4a3d88ef40f2474d716a3972448647307.jpeg)  
I posted the screen shot so you can see. The list pages are stretched and work great… thanks again.

---

<div class="post-metadata">

**Author:** ![Brittany\_Tickner](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/brittany_tickner/32/460_2.png) [@Brittany\_Tickner](https://community.stackerhq.com/u/Brittany_Tickner)\
**Post date:** [August 13, 2024, 7:45pm UTC](https://community.stackerhq.com/t/how-can-i-stretch-the-record-page-in-an-inbox-view-so-that-i-can-use-all-the-real-estate/823/7 "2024-08-13T19:45:01Z")

</div>

Got it, that is interesting, I was not able to figure out the class or div that works for this. You can try what is individual to your app by going to the Developer Tools.
