Wednesday, April 28, 2010

Hide the SharePoint 2010 ribbon in a list form

If you have a to disable / hide the SharePoint 2010 ribbon in list forms (such as New / Edit / Display forms), one of the easiest ways is to do it through CSS.

As SharePoint 2010 provides great flexibility with list forms, we can easily modify whatever is required in a particular form for a particular list.

Click "Edit List" icon in the ribbon and it will fire up SharePoint Designer. Open the form where the ribbon needs to be hidden, right click it and choose "Edit File in Avdanced Mode".

The below is div in which the ribbon resides.
<div id=”s4-ribbonrow” class=”s4-pr s4-ribbonrowhidetitle”>
... 
</div>
Now to hide the ribbon, add this to the page.
<style type="text/css">
#s4-ribbonrow{ display:none; }
</style>
Ribbon gone..

10 comments:

  1. This was a great help. 100% What I was looking for. Thanks for post.

    ReplyDelete
  2. if you need to just hide the tabs use this style

    .ms-cui-tts{ display:none; }

    ReplyDelete
  3. Easy & effective! I just used this CSS change with success; thanks for the tip!

    ReplyDelete
  4. I can't put this within the text of the page so I imagine I need to create a CSS page with this code, and then reference it on the form. Can you walk me through that?

    ReplyDelete
  5. Thanks.It Will Work Fine.It wil help me lot...
    Sukanta Saha

    ReplyDelete
  6. Genius! Just made my day!!!

    ReplyDelete
  7. Yay! Thank you, thank you, thank you!

    ReplyDelete
  8. Can someone please help with how to get it back?

    ReplyDelete
  9. Code hid the ribbon on my site perfectly, however it also hid the ribbon on my forms. Users can no longer edit forms.

    ReplyDelete