# Show preview in poll builder

**URL:** https://meta.discourse.org/t/show-preview-in-poll-builder/117323
**Category:** UX
**Created:** [10.Май.2019 01:17:59 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323 "2019-05-10T01:17:59Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [10.Май.2019 01:17:59 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/1 "2019-05-10T01:17:59Z")

</div>

This is currently how our poll builder looks like and I felt that it’ll be great if we can show a preview of what the actual poll will look like within the builder.

 ![Screenshot%20from%202019-05-10%2009-13-52](https://global.discourse-cdn.com/meta/original/3X/a/3/a3f41aa9208b65df32d91f224f2e06c4239aa69e.png)

Not a must have for us but a good to have here so I’m tagging it #pr-welcome. Probably a good #starter-task as well.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [10.Май.2019 02:29:09 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/2 "2019-05-10T02:29:09Z")

</div>

Space is really tight here, before anyone starts working on this, please post a visual mockup!

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [10.Май.2019 02:32:17 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/3 "2019-05-10T02:32:17Z")

</div>

The modal is actually quite small so we can afford to expand it on desktop. Just like the composer, we’ll probably have to hide the preview on mobile.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [10.Май.2019 05:28:19 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/4 "2019-05-10T05:28:19Z")

</div>

Will we be able to re-use the display code here? 🤔

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [14.Май.2019 00:52:35 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/5 "2019-05-14T00:52:35Z")

</div>

Yup it’ll reuse the same cook processor as the preview.

---

<div class="post-metadata">

### Author: ![cvx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cvx/32/152146_2.png) [@cvx](https://meta.discourse.org/u/cvx)
#### Post date: [06.Август.2019 22:32:21 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/6 "2019-08-06T22:32:21Z")

</div>

Беру это на себя! 🙂

Не уверен, какой макет лучше:

**вертикальный** или **горизонтальный**

 ![53](https://global.discourse-cdn.com/meta/original/3X/5/4/54356fa9098798288c088f180dba86dbe4d50842.png) ![30](https://global.discourse-cdn.com/meta/original/3X/5/e/5e4aa78da57d4748e94f33010b81b8ac66b566ca.png)

Вертикальный сохраняет исходную минималистичную раскладку этого модального окна, но горизонтальный позволяет отображать больше вариантов _выше линии сгиба_. 🤔

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [07.Август.2019 13:18:56 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/8 "2019-08-07T13:18:56Z")

</div>

Я сам предпочитаю горизонтальный, хотя, на мой взгляд, оба варианта выглядят отлично!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [08.Август.2019 03:08:43 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/10 "2019-08-08T03:08:43Z")

</div>

Горизонтальная ориентация — это идеально, ведь сейчас большинство настольных компьютеров и ноутбуков имеют широкий экран. 😍

---

<div class="post-metadata">

### Author: ![rishabh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rishabh/32/179446_2.png) [@rishabh](https://meta.discourse.org/u/rishabh)
#### Post date: [23.Март.2020 08:33:40 UTC](https://meta.discourse.org/t/show-preview-in-poll-builder/117323/11 "2020-03-23T08:33:40Z")

</div>