Simply edit Sharepoint webpart manifest.json

8.1k views Asked by At

Probably simple to solve for anyone who is convident with that.

Sharepoint 2019 > Webpart > edit manifest file

Is there a way to simply edit the manifest file to activate the full bleed support like mentioned in the Microsoft Article ? I know that there is an article series to create your own webpart, but it wasnt my intention to evolve myself to an full size web developer and install tons of software to edit a small variable =/ Simply edit this freaking manifest file from the embed-Webpart (modern experience).

If any How To's exists to open and edit (not create a complete new webpart -.-") the manifest file with visual studio or maybe a simply text editor, would be also a way, but I did not find anything.

Any help or links would be nice =/

Greetings.

2

There are 2 answers

8
Jerry On BEST ANSWER

To edit SPFX webpart manifest.json, you can use Visual Studio Code as text editor.

Open the manifest.json under the path ..\src\webparts\webpartname and edit in VS Code Editor:

enter image description here

Update as we discussed:

"if you want a built in web part full width, another workaround would be using Modern Communication Site, this site template is full width by default, so the added OOTB WebPart will also be full width without left navigation."

"For Full Width section, yes, it's only available for specific web parts like hero, image. In this case, you can use One Column, although it's not really full width, but the communcation site have hidden the left navigation. Otherwise, you will need to create custom SPFX Web Part to enable full width."

4
User44311465 On

And if you want a built in web part full width, another workaround would be using Modern Communication Site, this site template is full width by default, so the added OOTB WebPart will also be full width without left navigation.

But that is exectly my problem from my first post. What i did:

  1. create new web application
  2. create communication site
  3. edit the homepage of new communication site
  4. add a new section with one column (doesnt use entire width, see picture)
  5. add a new section with full width column (does use entire width, see picture)

And then, inside the section with full width i can only use die picture-webpart and the hero-webpart. For me it is not possible the choose other webparts in this "full width" column. So, is that the normal behaviour?

Picture with single column and "full width column":

https://i.stack.imgur.com/ONy7M.png