How to make a header/billboard full width of page

RE: How to make a header/billboard full width of page

sanchitg0002 — Wed, 29 Mar 2023 14:31:45 GMT

You can use cardLayout and set the contentsPadding parameter of headerContentLayout to "NONE"

RE: How to make a header/billboard full width of page

KristinForeyt — Wed, 29 Mar 2023 14:27:25 GMT

Thanks, that is what I ended up doing. Although perhaps I could use your brainstorm for one last part of the problem, I responded to Sanchit Gupta's response up above with my remaining issue. Thanks! :)

RE: How to make a header/billboard full width of page

KristinForeyt — Wed, 29 Mar 2023 14:26:11 GMT

Thanks. I asked my team lead if there was a reason we were using formLayout, and that the only way was to convert it to headerContentLayout. So that is what I did, and she said it was fine for now. Now the only issue I'm having is the footer. There is also a footer on all the pages, as a sub-interface. It was made using a billboardLayout. I can't switch that to headerContentLayout though, because then it's calling a headerContentLayout within a headerContentLayout, which obviously isn't allowed. I've been brainstorming with another coworker how we might be able to manually make our own footer without using billboard or headerContentLayout, like with cardLayout or something, but cardLayout also won't stretch the full width of the page. Any ideas on this?

RE: How to make a header/billboard full width of page

theresaf174840 — Tue, 28 Mar 2023 18:46:08 GMT

agreed with everyone else. You can use other form components like section layouts and modularize the different components of the formLayout and place it in a headerContent or just call the sub-interfaces directly.

RE: How to make a header/billboard full width of page

davel001150 — Tue, 28 Mar 2023 18:30:35 GMT

In other words, ditch the FormLayout() altogether, replace it with headerContentLayout, then you can put a columns layout inside that, and put a buttonArrayLayout on the bottom, and it will be just like a form again.

RE: How to make a header/billboard full width of page

Stefan Helzle — Tue, 28 Mar 2023 05:53:44 GMT

a!formLayout is made to be used in user input tasks. Just use a headerContent Layout.

RE: How to make a header/billboard full width of page

sanchitg0002 — Tue, 28 Mar 2023 04:55:04 GMT

You cannot use formLayout inside any of the layouts that exist but you can duplicate almost everything formLayout provides using other components. Form layout is just for convenience, but personally I do not remember using it in any of my projects.

When you use formLayout you still have to add other components to the form which you can directly add into a section and using buttonLayout at last you can make it look like just as formLayout. Form validations can also be created using cardLayout with showWhen and some styling. This approach will give you more control over the UI too.