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

2 Answers 2


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
    – samolpp2
    Mar 7, 2019 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, 2014 at 13:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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