none
Performance Point Style sheets RRS feed

  • Question

  •  

    I am not able to find out how to change the background color (default blue) in the top left corner (the first row and column )

    for a scorecard in a dashboard designer.

    I tried changing stylesheets in the following dir but nothing works.

    C:\Program Files\Microsoft Office PerformancePoint Server\3.0\Monitoring\PPSMonitoring_1\WebService\Preview

     

     

    Wednesday, August 13, 2008 1:31 PM

Answers

All replies

  • Here's a good article on skinning your PPS stylesheet (css). 

    http://blogs.msdn.com/performancepoint/archive/2007/12/18/working-with-the-monitoring-css-files-to-adjust-settings-in-deployed-dashboards.aspx

     

    The other recommendation I have is installing the IE developer's toolbar, http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en

     

    It will allow you to click on the exact area you want to change and it will tell you the name of the class that is driving the format.  They you just go into the css and make the change. 

     

    While we are talking about css files, a copy of other good links on the sharepoint css and themes are:

    http://www.cameronmoll.com/archives/2007/05/skinning_ms_sharepoint_with_st/

     

    http://www.heathersolomon.com/content/sp07cssreference.htm

     

    http://www.sharepointblogs.com/tigirry/archive/2007/07/03/custom-site-theme-for-sharepoint-2007-moss-2007-and-wss-3-0.aspx

     

     

    Wednesday, August 13, 2008 8:11 PM
  • You can change that by using Sharepoint.

    After Deploying the Dashboard to Sharepoint.

    In the same Dashboard results display page

    Click on Site setting > Select Edit Page >

    Select Add a Web Part  in Zone1 >  In the Categories Section Select Median and Content >

    Under Web Parts Select Content Editor and Click on Add >

    IN Zone 1 Area click under Content Editor > From the Above Editing Tools ribbon area select HTML > Edit HTML Source option > Now we will get the HTML Editor and have to write the style option here similar like below way and click on OK now it will have the declared styles.

    Note: I gave various options that exists in the Dashboard grid. better change the class names and ids according to your grid that present the dashboard by selecting developers tools and selecting the area you want changes.

    One more point ctx_ class name contains the dynamic number which is GUID and it changes on new browser window. so better work by using ids.

    <style>
    .ms-WPBody {
     FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: blue; FONT-SIZE: 14pt
    }
    .ctx_e587e54c_ph {
     BACKGROUND-COLOR: #cdb5cd; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: green; FONT-SIZE: 10pt
    }
    [id^=CR0C] {
     BACKGROUND-COLOR: #cdb5cd; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: green; FONT-SIZE: 10pt
    }
    [id^=CR1C] {
     BACKGROUND-COLOR: #cdba96; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: green; FONT-SIZE: 10pt
    }
    #DR1C0 {
     BACKGROUND-COLOR: green; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: green; FONT-SIZE: 10pt
    }
    [id$=C2] {
     BACKGROUND-COLOR: #6600ff; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: green; FONT-SIZE: 10pt
    }
    [id^=DR0] {
     BACKGROUND-COLOR: grey; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: green; FONT-SIZE: 10pt
    }
    [class*=_ph] {
     BACKGROUND-COLOR: #ffe1ff; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: green; FONT-SIZE: 10pt
    }
    [class$=_rh] {
     BACKGROUND-COLOR: #ff1166; FONT-FAMILY: Verdana, Arial, sans-serif; COLOR: green
    }</style>


    Dinesh

    Thursday, July 5, 2012 12:31 PM