SOLVED

Can we modify the layout for the modern pages

%3CLINGO-SUB%20id%3D%22lingo-sub-631745%22%20slang%3D%22en-US%22%3ECan%20we%20modify%20the%20layout%20for%20the%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-631745%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%202%20sharepoint%20online%20site%20collections%3A-%3C%2FP%3E%3CP%3E1.%20Classic%20team%20sites%3C%2FP%3E%3CP%3E2.%20communication%20modern%20sites.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eand%20on%20both%20sites%20we%20have%20the%20option%20to%20add%20modern%20pages.%20but%20i%20am%20not%20sure%20if%20we%20can%20change%20the%20layout%20of%20those%20modern%20pages%3F%20for%20example%20in%20the%20classic%20world%20we%20use%20to%20modify%20the%20page%20layout%20for%20the%20classic%20site%20pages%20and%20wiki%20pages%2C%20so%20are%20those%20features%20available%20for%20the%20modern%20pages%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-631745%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-631765%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20modify%20the%20layout%20for%20the%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-631765%22%20slang%3D%22en-US%22%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F153360%22%20target%3D%22_blank%22%3E%40John%20John%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EWould%20recommend%20this%20article%20comparing%20pages%20in%20the%20classic%20and%20modern%20experiences%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fsharepoint-classic-and-modern-experiences-5725c103-505d-4a6e-9350-300d3ec7d73f%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fsharepoint-classic-and-modern-experiences-5725c103-505d-4a6e-9350-300d3ec7d73f%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EAbout%202%2F3rds%20of%20the%20way%20down.%20Modern%20page%20layouts%20are%20designed%20to%20be%20flexible.%3CBR%20%2F%3E%3CBR%20%2F%3EIn%20addition%20this%20compare%20of%20classic%20and%20modern%20web%20parts%20may%20be%20of%20help%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fclassic-and-modern-web-part-experiences-3fdae6c3-8fc1-49ab-8708-8c104b882e64%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsupport.office.com%2Fen-us%2Farticle%2Fclassic-and-modern-web-part-experiences-3fdae6c3-8fc1-49ab-8708-8c104b882e64%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EHope%20that%20answers%20your%20questions!%3CBR%20%2F%3E%3CBR%20%2F%3EBest%2C%20Chris%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-631766%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20modify%20the%20layout%20for%20the%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-631766%22%20slang%3D%22en-US%22%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F169605%22%20target%3D%22_blank%22%3E%40Christopher%20Hoard%3C%2FA%3E%26nbsp%3Bwrote%3A%3CBR%20%2F%3EAbout%202%2F3rds%20of%20the%20way%20down.%20Modern%20page%20layouts%20are%20designed%20to%20be%20flexible.%3CBR%20%2F%3E%3CBR%20%2F%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F169605%22%20target%3D%22_blank%22%3E%40Christopher%20Hoard%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethanks%20for%20the%20reply%2C%20i%20am%20not%20sure%20how%20we%20can%20modify%20the%20layout%20for%20modern%20pages%3F%20i%20use%20to%20edit%20the%20enterprisewiki.aspx%20page%2C%20to%20modify%20the%20layout%20of%20wiki%20pages%2C%2C%20but%20i%20can%20not%20find%20this%20capability%20for%20modern%20pages..%20not%20sure%20what%20is%20meant%20by%20%60Modern%20page%20layouts%20are%20designed%20to%20be%20flexible.%60%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-631767%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20modify%20the%20layout%20for%20the%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-631767%22%20slang%3D%22en-US%22%3EAh%20ok%2C%20I%20see%20what%20you%20mean.%20The%20new%20experience%20is%20often%20referred%20to%20as%20reactive%20meaning%20the%20layout%20is%20easier%20to%20change%20the%20display%20in%20terms%20of%20its%20web%20parts.%3CBR%20%2F%3E%3CBR%20%2F%3EFro%20what%20you%20mean%20I%20guess%20this%20is%20columns%20where%20things%20are%20etc.%20In%20the%20modern%20page%20you%20have%20to%20build%20in%20the%20layouts%20provided%3CBR%20%2F%3E%3CBR%20%2F%3EThis%20blog%20should%20help%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fmedium.com%2Fniftit-sharepoint-blog%2Fediting-pages-with-the-modern-sharepoint-experience-part-i-97d22ac957d8%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fmedium.com%2Fniftit-sharepoint-blog%2Fediting-pages-with-the-modern-sharepoint-experience-part-i-97d22ac957d8%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EHope%20that%20clarifies!%3CBR%20%2F%3E%3CBR%20%2F%3EBest%2C%20Chris%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-632370%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20modify%20the%20layout%20for%20the%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-632370%22%20slang%3D%22en-US%22%3ENo%2C%20you%20cannot%20modify%20the%20layout%20of%20modern%20SPO%20pages%20in%20the%20same%20way%20you%20could%20do%20it%20with%20classic%20pages.%20What%20you%20can%20do%20in%20modern%20SPO%20is%20to%20create%20custom%20Page%20Layouts%20(this%20feature%20is%20being%20rolled%20out%20now)%20from%20existing%20pages....what%20your%20are%20doing%20is%20just%20saving%20your%20customizations%20as%20templates%20you%20can%20reuse%20to%20create%20later%20new%20pages%20%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-ie%2Farticle%2Fpage-templates-in-sharepoint-online-faa92408-0c84-4e3d-8460-3c28065e7873%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsupport.office.com%2Fen-ie%2Farticle%2Fpage-templates-in-sharepoint-online-faa92408-0c84-4e3d-8460-3c28065e7873%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-632915%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20modify%20the%20layout%20for%20the%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-632915%22%20slang%3D%22en-US%22%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F60%22%20target%3D%22_blank%22%3E%40Juan%20Carlos%20Gonz%C3%A1lez%20Mart%C3%ADn%3C%2FA%3E%26nbsp%3Bwrote%3A%3CBR%20%2F%3ENo%2C%20you%20cannot%20modify%20the%20layout%20of%20modern%20SPO%20pages%20in%20the%20same%20way%20you%20could%20do%20it%20with%20classic%20pages.%20What%20you%20can%20do%20in%20modern%20SPO%20is%20to%20create%20custom%20Page%20Layouts%20(this%20feature%20is%20being%20rolled%20out%20now)%20from%20existing%20pages....what%20your%20are%20doing%20is%20just%20saving%20your%20customizations%20as%20templates%20you%20can%20reuse%20to%20create%20later%20new%20pages%20%3CA%20href%3D%22https%3A%2F%2Fsupport.office.com%2Fen-ie%2Farticle%2Fpage-templates-in-sharepoint-online-faa92408-0c84-4e3d-8460-3c28065e7873%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsupport.office.com%2Fen-ie%2Farticle%2Fpage-templates-in-sharepoint-online-faa92408-0c84-4e3d-8460-3c28065e7873%3C%2FA%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F60%22%20target%3D%22_blank%22%3E%40Juan%20Carlos%20Gonz%C3%A1lez%20Mart%C3%ADn%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethanks%20for%20the%20reply.%20but%20i%20did%20not%20get%20your%20point%3F%20so%20you%20mean%20modern%20pages%20will%20not%20have%20the%20option%20to%20define%20custom%20page%20layout%20for%20them%3F%20and%20what%20we%20will%20have%20is%20the%20ability%20to%20save%20a%20modern%20page%20as%20template%20and%20re-use%20it%20%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-632918%22%20slang%3D%22en-US%22%3ERe%3A%20Can%20we%20modify%20the%20layout%20for%20the%20modern%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-632918%22%20slang%3D%22en-US%22%3EYes%2C%20that%20what%20I%20mean%3C%2FLINGO-BODY%3E
Highlighted
Super Contributor

I have 2 sharepoint online site collections:-

1. Classic team sites

2. communication modern sites.

 

and on both sites we have the option to add modern pages. but i am not sure if we can change the layout of those modern pages? for example in the classic world we use to modify the page layout for the classic site pages and wiki pages, so are those features available for the modern pages?

 

Thanks

6 Replies
Highlighted
Hi @John John

Would recommend this article comparing pages in the classic and modern experiences

https://support.office.com/en-us/article/sharepoint-classic-and-modern-experiences-5725c103-505d-4a6...

About 2/3rds of the way down. Modern page layouts are designed to be flexible.

In addition this compare of classic and modern web parts may be of help

https://support.office.com/en-us/article/classic-and-modern-web-part-experiences-3fdae6c3-8fc1-49ab-...

Hope that answers your questions!

Best, Chris
Highlighted

 


@Christopher Hoard wrote:
About 2/3rds of the way down. Modern page layouts are designed to be flexible.


@Christopher Hoard 

thanks for the reply, i am not sure how we can modify the layout for modern pages? i use to edit the enterprisewiki.aspx page, to modify the layout of wiki pages,, but i can not find this capability for modern pages.. not sure what is meant by `Modern page layouts are designed to be flexible.`?

Highlighted
Ah ok, I see what you mean. The new experience is often referred to as reactive meaning the layout is easier to change the display in terms of its web parts.

Fro what you mean I guess this is columns where things are etc. In the modern page you have to build in the layouts provided

This blog should help

https://medium.com/niftit-sharepoint-blog/editing-pages-with-the-modern-sharepoint-experience-part-i...

Hope that clarifies!

Best, Chris
Highlighted
Best Response confirmed by Beau Cameron (MVP)
Solution
No, you cannot modify the layout of modern SPO pages in the same way you could do it with classic pages. What you can do in modern SPO is to create custom Page Layouts (this feature is being rolled out now) from existing pages....what your are doing is just saving your customizations as templates you can reuse to create later new pages https://support.office.com/en-ie/article/page-templates-in-sharepoint-online-faa92408-0c84-4e3d-8460...
Highlighted

 


@Juan Carlos González Martín wrote:
No, you cannot modify the layout of modern SPO pages in the same way you could do it with classic pages. What you can do in modern SPO is to create custom Page Layouts (this feature is being rolled out now) from existing pages....what your are doing is just saving your customizations as templates you can reuse to create later new pages https://support.office.com/en-ie/article/page-templates-in-sharepoint-online-faa92408-0c84-4e3d-8460...

@Juan Carlos González Martín 

thanks for the reply. but i did not get your point? so you mean modern pages will not have the option to define custom page layout for them? and what we will have is the ability to save a modern page as template and re-use it ?

Highlighted
Yes, that what I mean