Want Sidebar but not header

  • 1
  • Problem
  • Updated 3 years ago
  • Solved
On my page, when I uncheck "show header" and leave "show Sidebar" checked I get this (see below). Basically I want the sidebar but not the header.

Photo of James Skip Gilleland

Posted 5 years ago

  • 1
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,262 Points 20k badge 2x thumb
Unfortunately that is not possible with the Salesforce standard header and sidebar. You can only have the sidebar if you have the header.
ok, and Powerdialer from InsideSales has to be in the SF sidebar? It can't be recreated within a SKUID page?
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,262 Points 20k badge 2x thumb
I don't believe that the Power Dialer area can be recreated --- they only provide a Home Page Component, which can only be added to the actual Salesforce Sidebar.

You might want to reach out to InsideSales about trying to show the dialer component somewhere else.
Photo of Dilia Gayfutdinova

Dilia Gayfutdinova

  • 192 Points 100 badge 2x thumb
what about Velocify Pulse? For us its currently displayed on the side bar, but with popup it becomes grayed out and inaccessible.  Do you think i can have that as a page include on the pop up? any insight would be much appreciated! thank you!
(Edited)
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,262 Points 20k badge 2x thumb
Dilia, you might want to consider a Queue + Page Include layout (http://help.skuid.com/m/components/l/127596-queue) rather than a popup-based layout if you want to show Velocify Pulse or other Sidebar components and have them always be visible. 
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,262 Points 20k badge 2x thumb
For others wanting the Sidebar but not the header, a non-ideal approach that somewhat works is to get rid of the header via CSS. Add the following inline CSS to your page (in Salesforce Classic, not Lightning Experience) to get rid of the header:

.bPageHeader, .bPageFooter {   
   display: none;
}

body.sfdcBody {
    background: none;
}

.bodyDiv {
    box-shadow: none;
    border-top: 0px solid;
}

Which might look something like this:

(Edited)