How can we help you today?

Cannot Add ShortPoint SPFx Web Part into a Full-width Column

Note: This support article is outdated and deprecated. All ShortPoint SPFx versions higher than 6.1.0.0 now support adding ShortPoint web parts through the Full-width column selection. We recommend that you update your ShortPoint to the latest public release if you have version 6.1.0.0 or lower

If you were trying our very first version of ShortPoint SPFx (v6.1.0.0), and trying to add ShortPoint WebPart into a Full-width column, you will notice that you simply cannot do that (you will see the message "You can add one of these web parts to this full-width column" as shown below), and that ShortPoint WebPart is available for all different column types except the Full-width column, well we're here to tell you how to overcome this issue.


And by using other type of columns, you will always notice that there are some significant whitespace between page content and the edges of your browser on a large screen (see figure below)


regular column width



Solution

To overcome this issue, all you have to do is the following:


Step 1. Edit any Section (or Background element) that you would like it to take the full width of your screen



Step 2. Choose the Force full screen width option



Result

full width column



Note: the support for full-width column is not available only in release ShortPoint SPFx (v6.1.0.0), all versions higher than 6.1.0.0 should have the support for full-width columns ready in SPFx.




Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 50 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more