# How to render two partials for a broadcasted object on to two different pages? **URL:** \ **Category:** General\ **Created:** [January 26, 2021, 5:05pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137 "2021-01-26T17:05:58Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![AnthonyFrancis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/anthonyfrancis/32/1539_2.png) [@AnthonyFrancis](https://discuss.hotwired.dev/u/AnthonyFrancis)\ **Post date:** [January 26, 2021, 5:05pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/1 "2021-01-26T17:05:58Z")
Hi everyone! Relatively new to Stimulus and Hotwire and wanted to know, "Is there a way to render two different partials for the same broadcasted object on two different pages? I’m trying to render and broadcast an object on a page from one controller to another page from different controller with different styling. **Example** If I print `<%= render @live_room.room.questions %>` in page `live_room.html.erb` and print `<%= render @room.questions %>` in `show.html.erb` They both render the partial `_question.html.erb` I would like render a different design depending on the page. Has anyone faced this issue before or know how to solve this? I’d love to get some insight! Cheers! A ---
**Author:** ![dan](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/dan/32/1529_2.png) [@dan](https://discuss.hotwired.dev/u/dan)\ **Post date:** [January 27, 2021, 9:02am UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/2 "2021-01-27T09:02:32Z")
Yeah so if you just pass through the object, you’ll get the same partial back. Because you’ve just passed a model, Rails has to assume you want the model partial. Rails only knows what the partial is calling a method (`to_partial_path`) on your model. By default, that returns something like `questions/question`, which is how your `_question.html.erb` partial is working. But that’s just shorthand. You can simply tell Rails what partial you want: `<%= render "questions/whatever", question: some_way_to_access_the_question %>`. It looks like you have a collection, though. So there’s another permutation: `<%= render collection: @live_room.room.questions, partial: "questions/whatever" %>`. That will render the `questions/whatever` partial for each question. But one point of caution: the name of the question variable that’s exposed to you in the partial is, by default the name of the partial. So in my example, it’d be `whatever` and you’d do `whatever.created_at`, or something. That can be awkward so you can customise the name of the variable by sending an `as` parameter, like so: `<%= render collection: @live_room.room.questions, partial: "questions/whatever", as: :question %>`. Now you can do `question.created_at` and so on. This is more of a Rails question than a Hotwire / Stimulus question. You can check out the Rails docs on all things rendering [here](https://guides.rubyonrails.org/layouts_and_rendering.html). When it comes to broadcasting with Hotwire, the `broadcasts` methods (`broadcasts_replace_to` and friends) accept some of the same options you can pass to render. They take a `partial` argument. So your broadcasting, extending the example above, may look something like: `broadcasts_append_to :quesions, partial: "questions/whaetever"`. ---
**Author:** ![AnthonyFrancis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/anthonyfrancis/32/1539_2.png) [@AnthonyFrancis](https://discuss.hotwired.dev/u/AnthonyFrancis)\ **Post date:** [January 27, 2021, 3:44pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/3 "2021-01-27T15:44:47Z")
Thanks Dan! The partial rendering work. The only think I can’t seem to get my head around is how to turbo\_stream the content on to a 2 second page “live\_room/show”. Whenever I’ve added the example you gave to the Question Model `broadcasts_append_to :questions, partial: "questions/whatever"` It streams the partial to the original broadcasted “room/show” page. I’m trying to broadcast to both `room/show` and `live_room/show` page as attempted in the below Model. I’m not sure when I’m going wrong. Can Hotwire broadcast to two view? ``` class Question < ApplicationRecord belongs_to :room broadcasts_to :room after_create_commit -> { broadcast_append_to live_room, partial: "questions/live_question" } after_destroy_commit -> { broadcast_append_to live_room, partial: "questions/live_question" } after_update_commit -> { broadcast__append_to live_room, partial: "questions/live_question" } validates :content, presence: true end ``` Warm regards! A ---
**Author:** ![dan](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/dan/32/1529_2.png) [@dan](https://discuss.hotwired.dev/u/dan)\ **Post date:** [January 27, 2021, 4:19pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/4 "2021-01-27T16:19:10Z")
Presumably, on rooms/show, you have a `turbo_stream_from @room` call? I think you just need to copy that to live\_rooms/show. Turbo will broadcast to wherever you’re streaming from. ---
**Author:** ![AnthonyFrancis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/anthonyfrancis/32/1539_2.png) [@AnthonyFrancis](https://discuss.hotwired.dev/u/AnthonyFrancis)\ **Post date:** [January 27, 2021, 4:41pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/5 "2021-01-27T16:41:45Z")
Yup I have `turbo_stream_from @room` called. Even tried passing through `turbo_stream_from @live_room.room`. No luck ---
**Author:** ![dan](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/dan/32/1529_2.png) [@dan](https://discuss.hotwired.dev/u/dan)\ **Post date:** [January 27, 2021, 5:35pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/6 "2021-01-27T17:35:14Z")
It’s hard to say what the problem is there without being able to see your app. But Turbo should stream to anywhere where you stream from the same `live_room` you’ve set up in your broadcast callbacks. It doesn’t matter you have two different pages streaming the same thing. ---
**Author:** ![AnthonyFrancis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/anthonyfrancis/32/1539_2.png) [@AnthonyFrancis](https://discuss.hotwired.dev/u/AnthonyFrancis)\ **Post date:** [February 2, 2021, 10:27pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/8 "2021-02-02T22:27:20Z")
Hey Dan, Is there a way to stop Hotwire from rendering the` id="questions"` from `questions/question` with ` to_partial_path` ? When broadcasting the `render collection:` code you shared, the object gets broadcasted from `questions/question` and only show’s the partial `questions/whatever` once the page has been refreshed, or if the `questions/whatever` is already on the page. ---
**Author:** ![AnthonyFrancis](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/anthonyfrancis/32/1539_2.png) [@AnthonyFrancis](https://discuss.hotwired.dev/u/AnthonyFrancis)\ **Post date:** [February 2, 2021, 11:09pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/9 "2021-02-02T23:09:44Z")
Figured it out. #Question model ``` broadcasts_to ->(question) { :rooms } after_create_commit ->(question) { broadcast_append_to :live_rooms, partial: "questions/whatever" } after_update_commit ->(question) { broadcast_replace_to :live_rooms, partial: "questions/whatever } after_destroy_commit ->(question) { broadcast_remove_to :live_rooms } ``` #live\_room show view \<%= turbo\_stream\_from :live\_rooms %\> … code… … #room show view \<%= turbo\_stream\_from :rooms %\> … code… … ---
**Author:** ![ankurpatel](https://yyz1.discourse-cdn.com/flex027/user_avatar/discuss.hotwired.dev/ankurpatel/32/1459_2.png) [@ankurpatel](https://discuss.hotwired.dev/u/ankurpatel)\ **Post date:** [February 5, 2021, 4:27pm UTC](https://discuss.hotwired.dev/t/how-to-render-two-partials-for-a-broadcasted-object-on-to-two-different-pages/2137/11 "2021-02-05T16:27:14Z")
@AnthonyFrancis I have proposed a change to the Turbo Rails gem to allow for passing of partial so you can do something like this ```auto broadcasts_to ->(question) { :rooms } broadcasts_to ->(question) { :live_rooms }, partial: "questions/whatever" ``` It is little less code and conveys the message more clearly that we want to render a different partial for same model on different channels. Here is the PR if you want to review and comment to help get it merged [Allow rendering to be passed so that we can change the partial and object when broadcasting by ankurp · Pull Request #113 · hotwired/turbo-rails · GitHub](https://github.com/hotwired/turbo-rails/pull/113)