KB441168: How to Customize the Grid/Graph Quick Switch Icon on MicroStrategy Web using MicroStrategy Web SDK 10.x

CONTENT:
In a Report Service Document, a Grid/Graph quick switch button on top of a grid/graph can help to switch between Grid and Graph. Users may notice that the default button has been changed from Strategy 9.x version to 10.x. This article demonstrates how to modify the is icon using Strategy Web SDK 10.x.
 

 
 
Using the Web Customization Editor to create a plug-in
Strategy SDK provides a Web Customization Editor that can be used to create a customization plug-in. The following steps show how to create the plug-in and deploy.
1. Create a new plugin in the Web Customization Editor.
2. Copy the image file named buttons.png from ..\style\mstr\images of you MSTR web folder and paste to any folder you can find
3. Edit this copied image. Modify the first 4 icons in the last row to the one you like, as seen below:

 
4. Save the image to the folder ..\style\images of your new created plugin folder in step 1
5. Back to WCE, In the "Application Settings" tab, navigate through Strategy Web Configuration -> Pages ->oivm(Optimized Interactive View Mode) -> CSS -> Customizations.
6. Right-click on oivmPage.css and select the "new selector" option.
7. Type ".tbGraph .mstrmojo-Button-text" and click OK. (contents inside "" only)
8. Right-click on the new selector and choose "new property".
9. Use the property "background-image" with the value "path_to_your image !important". (You should modify the path here to your new image)
10. Repeat step 6-9 and create 3 more selectors of oivmPage.css with the name of ".tbGraph .mstrmojo-Button-text:hover", ".tbGrid .mstrmojo-Button-text" and ".tbGrid .mstrmojo-Button-text:hover", respectively. And create the same property for each of them.
11. Restart your web server
12. Refresh Strategy Web in the browser. Browser caches may need to be cleared for the changes to immediately apply
 

 
The example provided in this document is provided “as-is” to the user and assumes that the user:

• Can program, compile (e.g. javac, jikes, etc.), and execute Java programs
• Can configure environment variables (e.g. JAR files, property files, etc.)
• Have all the necessary tools to create Java applications (JDK, IDE, etc.)
• Has access to the Strategy SDK documentation.
• Has read the customization warning at the bottom of this document

 
PREREQUISITES:
For the sample to work, the Strategy Web JAR files must be accessible by the Java Runtime
Environment. The Strategy Web JAR files can be found under:

• Strategy Web Universal (JSP): {web_root}/WEB-INF/lib directory.
• Strategy Web (.NET): Program Files\Common Files\Strategy directory.

Note:
More elaborate programs will require additional library files and are out of the scope of this document.
 
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.Strategy.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@Strategy.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.Strategy.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. KB441168