KB37390: How to modify the icon for a specific project using MicroStrategy Web SDK?

When modifying all project icons in Strategy Web 9.0.x, instructions in the following Strategy Developer Library 9.0.2 works:
 
Home > Web SDK > Customizing Strategy Web > Part I: Fundamentals of Customization > Scenarios: Cosmetic Changes for Look and Feel > Modifying the Project Icon on the Welcome Page
 
To modify the icon for a specific project in Strategy Web, as shown below:
 

 
Follow instructions below to accomplish it:
 
             A. Go through the steps in ‘Modifying the Project Icon on the Welcome Page’ 

1. Launch the Web Customization Editor.
    
   
2. Click on Strategy Web Configuration inside the Application Settings view to expand the hierarchical tree. The expanded list comprises the different settings that can be modified to perform customizations.  
3. Click on Pages to expand the list of pages used in Strategy Web.
    
   
4. Click on welcome (WELCOME) to expand the child nodes under it.
    
   
5. Double-click on CSS to expand the child nodes under it.
    
   
6. Click on Strategy Web to expand the child nodes under it.
    
   
7. Click on mstr to expand the list of CSS files used on the Welcome page.
    
   
8. Click on pageProjects.css to expand the rules defined within this CSS file.
    
   
9. Click on #mstrIconProject to expand the properties defined for this rule.
    
   
10. Double-click on background-position to launch the Update CSS Property dialog.
     
    
11. Update the value to

    0px 0px

    .
     
    
12. Click OK. The updated

    background-position

    property gets added under the

    #mstrIconProject

    rule inside a newly created CSS file "

    welcomePage.css

    " under welcome (WELCOME)->CSS->Customizations.
     
    
13. Right-mouse click #mstrIconProject (under welcome (WELCOME)->CSS->Strategy Web->mstr->pageProjects.css) and select New Property to launch the Update CSS Property dialog.
     
    
14. Enter

    background-image

    in the Property text field.
     
    
15. Click on Utils >> to view the Utilities panel.
     
    
16. Click the Image button on the Utilities panel to navigate to the image.
     
    
17. Select the image and click OK. The location of the image gets added in the Value text field.
     
    
18. Click OK. This new

    background-image

    property gets added under the

    #mstrIconProject

    rule inside the previously created CSS file "

    welcomePage.css

    " under welcome (WELCOME)->CSS->Customizations.
     
     B.   Add new element to modify a specific project to have different icon
     
    
19. Right-mouse click pageProjects.css and select New Element to launch the New CSS Element dialog.
     
    
20. Enter span in the Selector text field.
     
    
21. Click OK. New element gets added inside a CSS file "

    welcomePage.css

    " under welcome (WELCOME)->CSS->Customizations.
     
    
22. Right-mouse click span (under welcome (WELCOME)->CSS->Customizations->welcomePage.css) and select New Property to launch the Update CSS Property dialog.
     
    
23. Enter

    background-image

    in the Property text field.
     
    
24. Click on Utils >> to view the Utilities panel.
     
    
25. Click the Image button on the Utilities panel to navigate to the image.
     
    
26. Select the image and click OK. The location of the image gets added in the Value text field.
     
    
27. Append the text

    !important

    after the location of the image in the Value text field as shown in this example (ignore the quotes): "

    url(images/myNewImage.gif) !important

    ". This ensures that this

    background-image

    property gets priority over any other

    background-image

    property defined elsewhere.
     
    
28. Launch Strategy Web to view the customization

 
 
ADDITIONAL INFORMATION:
 
The Strategy SDK allows you to customize the standard Strategy Web interface, and extend and integrate the Strategy business intelligence functionality into other applications. However, before changing the way Strategy Web products look or behave, it is helpful to understand how the application is built. For more information regarding the Strategy Web architecture or the process of customizing Strategy Web, please refer to Strategy Developer Zone (https://resource.microstrategy.com/msdz/).
 
To access the Strategy Developer Zone, you must have access to the Strategy Knowledge Base, you must have purchased the Strategy SDK, and you must be current on your Strategy maintenance agreement. If you are a US-based business and believe that you satisfy all three of these conditions but you do not have access to the Strategy Developer Zone, please contact Strategy Technical Support at support@microstrategy.com or at (703) 848-8700. If you are an international business, please contact Strategy Technical Support at the appropriate email address or phone number found at http://www.microstrategy.com/Support/ContactUs.asp
 
 
CUSTOMIZATION WARNING:
 
This customization is provided as a convenience to Strategy users and is only directly applicable to the version stated. While this code may apply to other releases directly, Strategy Technical Support makes no guarantees that the code provided will apply to any future or previous builds. In the event of a code change in future builds, Strategy Technical Support makes no guarantee that an updated version of this particular customization will be provided. In the event of a code change in future builds, Strategy may not be able to provide additional code on this matter even though this customization is provided at this time for this specific build. For enhancements to this customization or to incorporate similar functionality into other versions, contact your Account Executive to inquire about Strategy Consulting assistance.
 
 
Strategy Only Begin
This issue has been logged as Scopus ID 494582 
Strategy Only End