I want to remove the whole ribbon from a custom list form. how can I do this with SharePoint designer?


If you want to do it inside of the aspx-Form in SharePoint-Designer, you can use CSS, which is faster than a JavaScript-Solution or a Content Editor Webpart.

Simply add following code to your aspx form:

<style type="text/css">
#s4-ribbonrow {
    display: none;
  • what needs to be done for SP online version, in order to achieve the cancel, attach file, all the ribbons Mar 7 '19 at 11:17

Out of the box form

Edit Page -> Add content editor webpart -> Add below code

 <script type="text/javascript"> document.getElementById("s4-ribbonrow").style.display = "none"; </script>

Info Path Form

From the List's ribbon select: Customize List | Form Web Parts | Content Type Forms | New Form | Edit Web Part

Then Uncheck: Show InfoPath Ribbon or toolbar

  • It's s4-ribbonrow. You forgot the hyphen. :) Oct 30 '14 at 13:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.