# How to do this in design in pages

**URL:** <https://community.glideapps.com/t/how-to-do-this-in-design-in-pages/46309>\
**Category:** Ask for Help\
**Created:** [August 9, 2022, 11:38am UTC](https://community.glideapps.com/t/how-to-do-this-in-design-in-pages/46309 "2022-08-09T11:38:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [August 9, 2022, 11:38am UTC](https://community.glideapps.com/t/how-to-do-this-in-design-in-pages/46309/1 "2022-08-09T11:38:48Z")

</div>

Hi

I need your help to know how to create this.  
in the image which is highlighted.  
i need to know the design part not this app concept.

 ![b23](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/c/7c2b72dd4b52d82b958186be871481f62035c4ee.png)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [August 9, 2022, 11:46am UTC](https://community.glideapps.com/t/how-to-do-this-in-design-in-pages/46309/2 "2022-08-09T11:46:31Z")

</div>

That looks like a container, with two panels (1:1).  
In the left hand panel is a chart.  
In the right hand panel is a collection, using a List style by the looks of it.

Does that answer your question?

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [August 9, 2022, 11:48am UTC](https://community.glideapps.com/t/how-to-do-this-in-design-in-pages/46309/3 "2022-08-09T11:48:46Z")

</div>

yes.can you brief it in detail.may be in step by step.how to create like this one.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [August 9, 2022, 11:58am UTC](https://community.glideapps.com/t/how-to-do-this-in-design-in-pages/46309/4 "2022-08-09T11:58:29Z")

</div>

Really?

Why don’t you just give it a try, it isn’t that difficult.

Step 1: Add a container component. Configure it as 1:1  
Step 2: Add your chart to the left hand container panel. Configure it to your liking.  
Step 3: Add your collection to the right hand container panel. Configure it to your liking.

End.