# How to apply a Layout to a Panel in a certain circumstance

**URL:** <https://forums.fusetools.com/t/how-to-apply-a-layout-to-a-panel-in-a-certain-circumstance/5449>\
**Category:** How-to Discussions\
**Created:** [March 14, 2016, 4:40pm UTC](https://forums.fusetools.com/t/how-to-apply-a-layout-to-a-panel-in-a-certain-circumstance/5449 "2016-03-14T16:40:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Edwin\_Reynoso](https://avatars.discourse-cdn.com/v4/letter/e/e99b99/32.png) [@Edwin\_Reynoso](https://forums.fusetools.com/u/Edwin_Reynoso)\
**Post date:** [March 14, 2016, 4:40pm UTC](https://forums.fusetools.com/t/how-to-apply-a-layout-to-a-panel-in-a-certain-circumstance/5449/1 "2016-03-14T16:40:16Z")

</div>

I have the following in my app:

```auto
<ScrollView>
  <StackPanel>
    <Each Items="{items}>
      <Panel>
        // stuff
      </Panel>
    </Each>
  </StackPanel>
</ScrollView>

```

How do I apply a `<ColumnLayout>` on the `<StackPanel>` only when the screen is a certain size

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [March 14, 2016, 4:43pm UTC](https://forums.fusetools.com/t/how-to-apply-a-layout-to-a-panel-in-a-certain-circumstance/5449/2 "2016-03-14T16:43:38Z")

</div>

Hi,

You can decouple a `Panel` from it’s layout and use a `Set` to change the layout, e.g.:

```auto
<Panel ux:Name="panel">
    <StackLayout ux:Name="stackLayout" />
    <ColumnLayout ux:Name="columnLayout" ux:AutoBind="false" />
    <WhileWindowLandscape>
        <Set panel.Layout="stackLayout" />
    </WhileWindowLandscape>
    <WhileWindowPortrait>
        <Set panel.Layout="columnLayout" />
    </WhileWindowPortrait>
</Panel>

```

Note how `ux:AutoBind="false"` prevents the columnlayout from being added by default

---

<div class="post-metadata">

**Author:** ![Edwin\_Reynoso](https://avatars.discourse-cdn.com/v4/letter/e/e99b99/32.png) [@Edwin\_Reynoso](https://forums.fusetools.com/u/Edwin_Reynoso)\
**Post date:** [March 14, 2016, 6:02pm UTC](https://forums.fusetools.com/t/how-to-apply-a-layout-to-a-panel-in-a-certain-circumstance/5449/3 "2016-03-14T18:02:59Z")

</div>

@Anders this works thanks