How to make a header/billboard full width of page

Certified Senior Developer

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

Parents Reply Children
No Data