# Container Width = 100%

**URL:** <https://forum.inductiveautomation.com/t/container-width-100/1681>\
**Category:** Ignition\
**Created:** [March 23, 2010, 5:19pm UTC](https://forum.inductiveautomation.com/t/container-width-100/1681 "2010-03-23T17:19:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![bryan\_cook](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@bryan\_cook](https://forum.inductiveautomation.com/u/bryan_cook)\
**Post date:** [March 23, 2010, 5:19pm UTC](https://forum.inductiveautomation.com/t/container-width-100/1681/1 "2010-03-23T17:19:41Z")

</div>

I’ve finally found time to tinker with the Vision Module and I had a question regarding sizing components, specifically the Container component …

I’ve got a Window docked on the north that acts as a header, similar to the one on the IA web site. I’d like to add a gradient along the bottom of the Window … again, similar to the use of headerbg.gif on the IA web site’s header.

I’ve found that I can use the Texture property of the Container component to tile my gradient image. If I size my Container to the height of my image, I’m able to partially achieve my goal … I can adjust the width to whatever I wish and have the image repeat indefinitely.

My problem lies in the width … Is there an approach to adjusting a Container’s width at run-time? I’d like to set the Container’s width to the width of the client window. Can I implement this within script or is there a simpler method I’m overlooking?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Carl.Gould](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/carl.gould/32/7262_2.png) [@Carl.Gould](https://forum.inductiveautomation.com/u/Carl.Gould)\
**Post date:** [March 23, 2010, 5:51pm UTC](https://forum.inductiveautomation.com/t/container-width-100/1681/2 "2010-03-23T17:51:48Z")

</div>

> [@bryan\_cook](#):
>
> Can I implement this within script or is there a simpler method I'm overlooking?

There is indeed a simpler method - the feature you're looking for is called [Component Layout](http://www.inductiveautomation.com/support/usermanuals/ignition/index.html?component_layout.htm). In this case you probably want to simply anchor the container's west and east edge.

---

<div class="post-metadata">

**Author:** ![bryan\_cook](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@bryan\_cook](https://forum.inductiveautomation.com/u/bryan_cook)\
**Post date:** [March 23, 2010, 6:11pm UTC](https://forum.inductiveautomation.com/t/container-width-100/1681/3 "2010-03-23T18:11:40Z")

</div>

Ah, great! I did just that and it’s working as expected … I literally just got done messing with anchoring components when I created my header Window too!

Thanks!