So we have a portal where the entire interface is in a!formLayout. Within the formLayout is a section that contains a billboard. We want the header to span the entire width of the page, but billboards don't do that, they have a margin on the right and left side.
I know a!headerContentLayout allows the billboard to stretch the entire width of the page - so I figured I'd change the interface to a!headerContentLayout, put the billboard in the 'header' parameter, and the a!formLayout in the contents array. But a!headerContentLayout does not support a!formLayout as shown in this error I receive:
The contents contain a component that is not supported in the header content layout. Received: FormLayout
Is there a way to make the billboard/header stretch the full width of the screen in this situation? Thanks for any help!
Discussion posts and replies are publicly visible
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.
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! :)