Grid Row Layout - multiple components

Question

I have a situation where in grid row layout, in a single column I need to have a text field and rich text display fields below the text field. See reference as below.

Is it even possible?

Thanks in advance.

Shubham Aware · Answer

A stacked multi-component single cell is not supported in editable grids natively. Use a!forEach() with a!columnLayout() instead if you need the text field and rich text below it in the same row(mimic a grid). or Use a!textField with instructions parameter - it shows helper text below the field, styled smaller(Most Probably will not show but give a try). That's the closest native option inside an editable grid cell.

Harsha Sharma · Answer

No this won't be possible unless you build a custom grid entirely using various components instead of a!gridLayout(). When using a gridLayout, you can add a separate column for the content expected in Rich text field component so its in the same row.

Grid Row Layout - multiple components

Top Replies