SOLVED

Hide Navigation/Title Bar on NewForm.aspx page

%3CLINGO-SUB%20id%3D%22lingo-sub-1005058%22%20slang%3D%22en-US%22%3EHide%20Navigation%2FTitle%20Bar%20on%20NewForm.aspx%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1005058%22%20slang%3D%22en-US%22%3E%3CP%3EBelow%20is%20a%20screenshot%20of%20a%20NewForm.aspx%20page%20where%20we%20need%20to%20hide%20everything%20on%20the%20page%20other%20than%20the%20actual%20form%20(e.g.%20Quick%20Launch%2C%20Top%20Navigation%20Bar%2C%20Title%20Bar%2FRibbon%2C%20Search%20Box%2C%20etc.)%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20found%20some%20code%20that%20successfully%20hides%20the%20Quick%20Launch%2C%20however%2C%20is%20it%20possible%20to%20hide%20everything%20else%20that%20is%20within%20the%20red%20section%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20can%20keep%20the%20Office%20365%20ribbon%20at%20the%20top%2C%20it%20is%20just%20everything%20within%20the%20red%20section.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F156823iBE1515AC2B1F4C30%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22download%20(1).png%22%20title%3D%22download%20(1).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1005058%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1006407%22%20slang%3D%22en-US%22%3ERe%3A%20Hide%20Navigation%2FTitle%20Bar%20on%20NewForm.aspx%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1006407%22%20slang%3D%22en-US%22%3EWell%2C%20bearing%20in%20mind%20you%20are%20working%20with%20the%20classic%20experience%20(I%20wonder%20why)%2C%20this%20is%20something%20you%20can%20absolutely%20do%20with%20some%20client%20side%20programming%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1007860%22%20slang%3D%22en-US%22%3ERe%3A%20Hide%20Navigation%2FTitle%20Bar%20on%20NewForm.aspx%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1007860%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20list%20is%20set%20to%20Modern%20Experience%2C%20however%20as%20we%20have%20added%20some%20code%20(via%20Script%20Editor%20web%20part)%20on%20the%20NewForm.aspx%20page%20(to%20split%20the%20form%20into%20sections%2C%20hide%20Quick%20Launch%2C%20hide%20certain%20fields%2C%20etc.)%2C%20only%20the%20the%20NewForm.aspx%20page%20is%20in%20Classic%20Experience%2C%20not%20the%20whole%20list.%20I%20just%20need%20some%20help%20on%20how%20to%20remove%20the%20sections%20highlighted%20in%20my%20original%20post.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1009705%22%20slang%3D%22en-US%22%3ERe%3A%20Hide%20Navigation%2FTitle%20Bar%20on%20NewForm.aspx%20page%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1009705%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F359684%22%20target%3D%22_blank%22%3E%40Sam1209%3C%2FA%3E%26nbsp%3BAs%20Juan%20mentioned%2C%20since%20you%20have%20customized%20the%20newform%20page.%20You%20should%20be%20able%20to%20use%20simple%20css%20and%2For%20js%20to%20hide%20those%20control%20in%20your%20page.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Below is a screenshot of a NewForm.aspx page where we need to hide everything on the page other than the actual form (e.g. Quick Launch, Top Navigation Bar, Title Bar/Ribbon, Search Box, etc.)

 

I have found some code that successfully hides the Quick Launch, however, is it possible to hide everything else that is within the red section?

 

We can keep the Office 365 ribbon at the top, it is just everything within the red section.

 

download (1).png

3 Replies
Best Response confirmed by Beau Cameron (MVP)
Solution
Well, bearing in mind you are working with the classic experience (I wonder why), this is something you can absolutely do with some client side programming

The list is set to Modern Experience, however as we have added some code (via Script Editor web part) on the NewForm.aspx page (to split the form into sections, hide Quick Launch, hide certain fields, etc.), only the the NewForm.aspx page is in Classic Experience, not the whole list. I just need some help on how to remove the sections highlighted in my original post.

@Sam1209 As Juan mentioned, since you have customized the newform page. You should be able to use simple css and/or js to hide those control in your page.