
Hi @qasimidl
Modern SharePoint pages support layouts that allow users to organize the information they present on their pages. Users can choose from a number of different section layouts such as two columns, three columns, or one-third column. Modern pages in communication sites offer an additional section layout named Full-width column. This layout spans the full width of the page without any horizontal margin or padding. SharePoint Framework web parts can be placed in any layout, but because of extra requirements, web parts must explicitly enable support for the full-width column.
By default, SharePoint Framework client-side web parts can't be placed in full-width column layouts. To allow users to add your web part to full-width columns, in the web part manifest (*the *.manifest.json file next to the web part .ts file) set the supportsFullBleed
property to true
.
{
//...
"requiresCustomScript": false,
"supportsFullBleed": true,
"preconfiguredEntries": [{
//...
}]
}
If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.