# Perspective Column Container parameters that can change based on breakpoint?

**URL:** <https://forum.inductiveautomation.com/t/perspective-column-container-parameters-that-can-change-based-on-breakpoint/29406>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 25, 2019, 6:16pm UTC](https://forum.inductiveautomation.com/t/perspective-column-container-parameters-that-can-change-based-on-breakpoint/29406 "2019-10-25T18:16:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![chelseajbenzie](https://avatars.discourse-cdn.com/v4/letter/c/ce73a5/32.png) [@chelseajbenzie](https://forum.inductiveautomation.com/u/chelseajbenzie)\
**Post date:** [October 25, 2019, 6:16pm UTC](https://forum.inductiveautomation.com/t/perspective-column-container-parameters-that-can-change-based-on-breakpoint/29406/1 "2019-10-25T18:16:27Z")

</div>

Is there some type of parameter that can be changed based on different Column Container Breakpoints?

I have multiple text fields (all of different sizes) that need to shrink/grow based on the breakpoint. I also have a simple gauge that has a text field that does not seem to be modified by the styles so I need some other way than using a simple style to make these modifications.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/d/d0f4c1fb154fab2eb78d48db06318726ffa397ba.png)

---

<div class="post-metadata">

**Author:** ![chi](https://avatars.discourse-cdn.com/v4/letter/c/0ea827/32.png) [@chi](https://forum.inductiveautomation.com/u/chi)\
**Post date:** [October 26, 2019, 4:33pm UTC](https://forum.inductiveautomation.com/t/perspective-column-container-parameters-that-can-change-based-on-breakpoint/29406/2 "2019-10-26T16:33:50Z")

</div>

You can use the same system of nested containers as shown in the Perspective Demo Project.

- Create your column container in a separate view with a parameter ‘`size`’
- Create a view with a breakpoint container, name it BreakpointMedium. Set the breakpoint to the same value as the column view medium breakpoint.  
In both breakpoint add your column container as an embedded view and pass ‘small’ resp. ‘medium’ as value for the ‘`size`’ parameter
- Create a second breakpoint container with the breakpoint set to your column views large breakpoint. In the small breakpoint add the BreakpointMedium view as embedded view, in the large breakpoint add the column container and pass ‘large’ as value for the ‘`size`’ parameter.

In the column container you can now use the `size` param in property bindings for the styles.

![ColumnContainer](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/e70bf1d27973b80bc1422140022e528709e26727.png)  
[ColumnBreakpoint.zip](https://us1.discourse-cdn.com/inductiveautomation/original/2X/b/bf523e6ac7d75e53034212fa9d7c49d67b4df53d.zip) (11.7 KB)