# How to adjust topics so they load in a modal?

**URL:** https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456
**Category:** Development
**Created:** [2017年七月2日 07:16 UTC](https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456 "2017-07-02T07:16:06Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![mastef](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mastef/32/74689_2.png) [@mastef](https://meta.discourse.org/u/mastef)
#### Post date: [2017年七月2日 07:16 UTC](https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456/1 "2017-07-02T07:16:06Z")

</div>

Ideally I’d like topics to show up in a modal sliding in from the right side, while the category view is still shown in the background.

Similar to the old Product Hunt layout, or the reddit iPad app layout ( [https://youtu.be/shzUF7FGNpI?t=18s](https://youtu.be/shzUF7FGNpI?t=18s) ) - or a similar view to Outlook/email clients.

Basically I’d like to prevent a page change on topic view, I want to show the topic in the right half of the screen, while still showing the category overview in a list view on the left side.

Is this possible - how would I attempt this?

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [2017年七月2日 16:28 UTC](https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456/2 "2017-07-02T16:28:11Z")

</div>

What are you calling “threads”? There is no such thing in :discourse:

---

<div class="post-metadata">

### Author: ![mastef](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mastef/32/74689_2.png) [@mastef](https://meta.discourse.org/u/mastef)
#### Post date: [2017年七月2日 16:29 UTC](https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456/3 "2017-07-02T16:29:56Z")

</div>

> [@zogstrip](#):
>
> What are you calling “threads”?

Topics - where the content of a topic is displayed. I’d like to display it in a modal, while the category view is still active.

Edited the first post for clarity

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [2017年七月2日 16:59 UTC](https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456/4 "2017-07-02T16:59:08Z")

</div>

Hi mastef welcome to the forum

Kind of what Safari does with “open in split view”?

 ![](https://global.discourse-cdn.com/meta/original/3X/8/1/8142ffb4aaccc09ab9d83c59effb66587f96ba80.PNG)

---

<div class="post-metadata">

### Author: ![mastef](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mastef/32/74689_2.png) [@mastef](https://meta.discourse.org/u/mastef)
#### Post date: [2017年七月2日 17:20 UTC](https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456/5 "2017-07-02T17:20:27Z")

</div>

Thank you

Yes, something pretty similar would be nice. How would you attempt to do it?

I saw that when a topic is loaded there’s obviously a json call - but the rendering already happens with an ember view I guess, right? Which events are fired? Is this something that would be feasible to implement provided there must be additional listeners per topic.

---

<div class="post-metadata">

### Author: ![fefrei](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fefrei/32/119538_2.png) [@fefrei](https://meta.discourse.org/u/fefrei)
#### Post date: [2017年七月3日 05:08 UTC](https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456/6 "2017-07-03T05:08:35Z")

</div>

This sounds like a modification that would require a _lot_ of engineering to build. Do you really, _really_ need that and have a sizeable budget for it? If not, I don’t think you will get very far ☹

---

<div class="post-metadata">

### Author: ![mastef](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mastef/32/74689_2.png) [@mastef](https://meta.discourse.org/u/mastef)
#### Post date: [2017年七月3日 05:31 UTC](https://meta.discourse.org/t/how-to-adjust-topics-so-they-load-in-a-modal/65456/7 "2017-07-03T05:31:39Z")

</div>

Thanks, I’m an engineer. Modding is a passion 🤣
