Так как вы уже упаковали его и загрузите.Вы не можете сделать это на сайте SPO.Вам нужно отредактировать файл manifest.json.Вы можете добавить «supportFullBleed»: true, чтобы включить столбец полной ширины для вашей веб-части.И пакет, загрузить и установить в каталог снова.
Обратной стороной этого является то, что нет возможности протестировать веб-часть полной ширины в вашем локальном рабочем месте.Вы должны сделать это на SP онлайн.Вы можете найти ссылку здесь .
{
"$schema": "https://dev.office.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
"id": "34f6d7f2-262f-460a-8b65-152d784127cb",
"alias": "HelloWorldWebPart",
"componentType": "WebPart",
// The "*" signifies that the version should be taken from the package.json
"version": "*",
"manifestVersion": 2,
// If true, the component can only be installed on sites where Custom Script is allowed.
// Components that allow authors to embed arbitrary script code should set this to true.
// https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
"requiresCustomScript": false,
"supportsFullBleed": true,
"preconfiguredEntries": [{
"groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other
"group": { "default": "Other" },
"title": { "default": "HelloWorld" },
"description": { "default": "HelloWorld description" },
"officeFabricIconFontName": "Page",
"properties": {
"description": "HelloWorld"
}
}]
}
Также вы можете использовать главную страницу Осло, которая существует по умолчанию в SharePoint 2013 и Office 365. Чтобы изменить мастер, вам необходимо активироватьфункции публикации, если вы используете сайты совместной работы, и вам нужно будет использовать пользовательский CSS, чтобы удалить дополнительные поля.
.contentwrapper {
margin: 0;
}
#titleAreaBox {
margin: auto 20px!important;
}