HIde left navigation and top riboon by using CSS Code for sharepoint 2010

Hi Friends,
                     As many time i face the issues that need to hide the top pannel in sharepoint page.

Finally after some googleing and my css terms i got these functionality .
please follow the below steps to add the code


  1. add content editor page in the page
  2. Add the below code in editor and make the layout hidden . it will hide the top bar.

<style type="text/css">
#s4-ribbonrow, .ms-cui-topBar2, .s4-notdlg, .s4-pr s4-ribbonrowhidetitle, .s4-notdlg noindex, #ms-cui-ribbonTopBars, #s4-titlerow, #s4-pr s4-notdlg s4-titlerowhidetitle, #s4-leftpanel-content {display:none !important;}
.s4-ca{margin-left:0px !important; margin-right:0px !important;
</style>


Thanks and Regards
Amit

Comments

Post a Comment

Popular posts from this blog

React and SPFx Interview Questions with Scenarios and Code Examples

Introduction React and SharePoint Framework (SPFx) are popular technologies used in modern web development, especially for building user interfaces and custom web parts in SharePoint. Preparing for interviews involving these technologies requires a solid understanding of core concepts, practical scenarios, and coding proficiency. In this blog, we’ll cover essential interview questions, different scenarios, and code examples to help you ace your React and SPFx interviews.  Section 1: React Interview Questions 1. What is the Virtual DOM, and how does it improve performance in React? Scenario: Imagine you’re building a dashboard with multiple widgets that update frequently. How would React's Virtual DOM help optimize performance in this case? Explanation: React uses a Virtual DOM, an in-memory representation of the real DOM. When the state of an element changes, React updates the Virtual DOM first. It then calculates the difference (diffing) between the previous and current states o...
Read more

Automating ShareGate PreCheck Reports: From Manual Drudgery to Streamlined Efficiency

The Challenge: A Tale of Two Pain Points Our SharePoint migration team recently faced a familiar but frustrating challenge. Like many organizations, we had developed a two-step process for handling ShareGate precheck reports that seemed logical on paper but was driving our team to the brink of burnout in practice. The Old Process: Phase 1 : Migration specialists manually run ShareGate prechecks for each site Phase 2 : Data analysts create separate scripts to consolidate and process the exported reports What started as a division of labor quickly became a coordination nightmare that highlighted the worst of both worlds. Our Team's Original Approach: Divided We Struggled The Migration Team's Manual Grind Our migration specialists were stuck in an endless loop: Daily Routine of Site-by-Site Prechecks: Open ShareGate Desktop ☕ (coffee was mandatory) Navigate to first site from the spreadsheet Wait for connection... and wait... and wait some more Run precheck operation Expor...
Read more

How to Automate SharePoint Site Creation with Site Scripts & Site Designs (2025)

SharePoint Online site scripts and site designs are powerful tools that allow administrators and developers to automate the creation of SharePoint sites with predefined configurations. This comprehensive guide will walk you through creating site scripts, defining various field types, working with site columns, and setting up default templates. In SharePoint Online, site scripts are JSON files that define actions like adding lists, applying themes, and configuring site columns. You can reference the official Microsoft Site Script JSON Schema to understand the full structure and supported actions. Once the script is ready, you can associate it with a site design. To learn how to apply site designs programmatically or through the UI, refer to this Microsoft guide on Site Designs . What Are Site Scripts and Site Designs? Site Scripts are JSON files that contain a series of actions to execute when creating a new SharePoint site. They define the structure, columns, lists, and other configu...
Read more