# Layout and LayoutGrid field types

**URL:** <https://discourse.getcockpit.com/t/layout-and-layoutgrid-field-types/183>\
**Category:** Uncategorized\
**Created:** [July 29, 2018, 8:09pm UTC](https://discourse.getcockpit.com/t/layout-and-layoutgrid-field-types/183 "2018-07-29T20:09:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mpartipilo](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/mpartipilo/32/6_2.png) [@mpartipilo](https://discourse.getcockpit.com/u/mpartipilo)\
**Post date:** [July 29, 2018, 8:09pm UTC](https://discourse.getcockpit.com/t/layout-and-layoutgrid-field-types/183/1 "2018-07-29T20:09:52Z")

</div>

I can’t find documentation about these field types.

---

<div class="post-metadata">

**Author:** ![russellfeeed](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/russellfeeed/32/110_2.png) [@russellfeeed](https://discourse.getcockpit.com/u/russellfeeed)\
**Post date:** [September 25, 2018, 7:57pm UTC](https://discourse.getcockpit.com/t/layout-and-layoutgrid-field-types/183/2 "2018-09-25T19:57:09Z")

</div>

Bump.

What are these field types for?

---

<div class="post-metadata">

**Author:** ![artur](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/artur/32/4_2.png) [@artur](https://discourse.getcockpit.com/u/artur)\
**Post date:** [September 25, 2018, 8:38pm UTC](https://discourse.getcockpit.com/t/layout-and-layoutgrid-field-types/183/3 "2018-09-25T20:38:41Z")

</div>

I thought it is obvious but it seems not to everyone 🙈

See it as a layout builder like you maybe have experienced in wordpress etc.  
it provides a layout/grid system which can be filled with components like images, headlines etc.

you can also define custom components using this addon: [https://github.com/agentejo/LayoutComponents](https://github.com/agentejo/LayoutComponents)

the data in the end is stored as a structured tree which you can render the way you want.

I hope that my explanation clarifies the use-case

---

<div class="post-metadata">

**Author:** ![Rozkalns](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/rozkalns/32/114_2.png) [@Rozkalns](https://discourse.getcockpit.com/u/Rozkalns)\
**Post date:** [September 26, 2018, 2:17pm UTC](https://discourse.getcockpit.com/t/layout-and-layoutgrid-field-types/183/4 "2018-09-26T14:17:01Z")

</div>

Thanks for explanation!  
Although, for example, if I needed to create, let’s say, layout with three rows, how I could change background colors to them?

It would be nice that I could set some options in predefined json and change those options alreay there, because it is not too obvious to click on the “Grid” name and expect the popup to open with Class and ID. Also, I didn’t find an option to add this “json” body to the popup as well.