KB44310: How to Change the Icon for Specific Documents in the Folder Browsing Page using the MicroStrategy Web SDK 10.4 - 10.9

Before Customization:

 
After Customization:

1. Launch the Web Customization Editor.
2. Create a new plug-in and give it a meaningful name.
3. Click in 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.
4. Right-mouse click Styles and select Create Transform to launch the Transform Creation Wizard.
5. Click Browse... next to the Source folder text field to select the src folder and click OK.
6. In Superclass, browse for the FolderViewTransform. This will extend the existing transform. 
   Enter the following information for the rest of the text fields:
   Package: ##Any package the developer wants to use##
   Name: ##Any name the developer wants to name the transform##
   Transform description: This transform will change the icon for specific objects in the folder pages.
   
7. Click Next and the java class created should open in the editor.
   
8. Override the getCssName method as follows.
   
   
   

   
   public String getCssName(WebObjectInfo object) {
   	
   	String suffix = "";
   	
   	//using a specific css class name for the object with id
   	//additonal CSS selector to original, if document ID matches hardcoded docID string
   	if ("docID".equals(object.getID())) {
   		suffix = " testing";
   	}
   	
   	//append the special css to the default css class for the object type
   	return super.getCssName(object) + suffix;
   }
   

   
   
   
   A document matching the docID hardcoded here, will have this as its css class for the icon: 
   

   
   mstrIcon-lg mstrIcon-lg-rw testing
   
   

   
   
9. Change the transform on the FolderStyleIcon style to use the new custom transform created.
10. Go to the CSS Settings tab in the WCE and create a new selector: span[class="mstrIcon-lg mstrIcon-lg-rw testing"]
11. Create a new property background-image and a corresponding image value.
12. Save changes, restart the Web Server, and clear browser caches.

Note: Depending on the original CSS class, the values will vary. For example, folders have the class "mstrIcon-lg mstrIcon-lg-f".
 
The example provided in this document is provided “as-is” and user has read the following customization warning:
ADDITIONAL INFORMATION:
The Strategy SDK allows you to customize several Strategy products and extend and integrate the Strategy business intelligence functionality into other applications. However, before changing the way Strategy products look or behave, it is helpful to understand how the application is built. For more information regarding the Strategy products or the process of customizing Strategy products, please refer to Strategy Developer Zone (https://developer.microstrategy.com).
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 https://www.microstrategy.com/us/services/support/contact.
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.