Home Panel Background Colour

Permanently deleted user

30 Mars 2016 14:17

Is there a way to change the back ground colour of the home panel? if so is it in code that alreay exists or does it have to be written in somewhere?

 

thanks!

 

Larisa

0

• 

  Permanently deleted user

  30 Mars 2016 17:00

  Hi Larisa,

   

  All of the viewer's styles are applied via CSS. Often, you can use a browser's debugger (press F12 while in your browser) to narrow down the element you want to change. Once you've played with it in your browser to identify what you want to change, you can then customize your viewer CSS using the custom CSS files in the viewer (you could also edit the Desktop.css, Handheld.css, and Tablet.css in your viewer's ..\Resources\Styles directory, but I'd advise against that).

   

  In this case, the element you're looking to customize isn't specifically styled via the default CSS, so it's a little trickier to determine what you want to style. The element you want is ".HomePanelContainerView .panel-scroll-container". Within your site's directory, you'll want to open the Desktop.css in ..\Viewers\*viewername*\VirtualDirectory\Resources\Styles\Custom and add this:

   

    .HomePanelContainerView .panel-scroll-container { background-color: #e0ccff; }

   

   

  This will override the default CSS and change the color of your home panel. If you wanted to change the background color for all of your viewers, you could add the same Desktop.css to your viewer's Styles\Custom directory in IIS (e.g., C:\inetpub\wwwroot\Html5Viewer\Resources\Styles\Custom).

   

  Hope that helps!

  0
• 

  Permanently deleted user

  30 Mars 2016 17:04

  Hi Jordan!

   

  Thank you so much! This is exactly what I am looking for. I am goign to give it a try right now. I appreciate your quick response. 

   

  Thanks!

   

  Larisa

  0
• 

  Permanently deleted user

  31 Mars 2016 00:09

  I should also point out that while this will work for the desktop shell, specifically, you can achieve the same effect in the tablet shell with the same CSS. For the handheld shell, however, you'll want this instead:

   

    .home-panel { background-color: #e0ccff; }

   

   

  0
• 

  Permanently deleted user

  31 Mars 2016 12:32

  Yes that worked perfectly! Thank you so much.

   

  Larisa

  0

Du måste logga in om du vill lämna en kommentar.