KB321249: Drop-down Selector Background Color Property Cannot Be Changed in Report Services Document in Presentation Mode in MicroStrategy Web 10.4

Symptom
When working with drop down selectors in Report Services Documents, the background color selected in Properties and Formatting does not get reflected in Presentation Mode.
 
Cause
The fill color option is intended for Flash mode only and the default grey color cannot be changed from Properties and Formatting options. This was an intended change in Strategy 10.x for HTML5 VI and Report Services Document presentation mode.
 
Action
 
The change can be achieved by modifying the CSS for the dropdown in presentation mode using Strategy SDK.

1. Create a plugin in Web Customization Editor and give it a meaningful name
2. Expand Strategy Web Configuration > Pages > oivm (Optimized Interactive View Mode) > CSS> Customizations
3. Right click on oivmPage.css and click on New Selector
4. To change the background of the pulldown, use the following as the selector and click OK 

 .mstrmojo-ui-Pulldown .mstrmojo-PopupList

  
5. For the property, use “background-color” and for the value, provide the color (hex, string or rgb form) followed by the “!important” tag. If you want the background of the pulldown to be the same as its container, use “transparent !important” for the value field. 
6. For the drop down selector and the selected item repeat steps 3 – 5 by applying the following corresponding selector, properties and values.
  

/* CSS selector for the Drop-down selector itself */ 

//Option 1: For a solid background 
.mstrmojo-ui-Pulldown .mstrmojo-ui-Pulldown-text.express {
     background-color: green !important;
     background-image: none !important;
} 

//Option 2: For gradient background 
.mstrmojo-ui-Pulldown .mstrmojo-ui-Pulldown-text.express {
     //Property: Value. You can apply any gradient color of your choice 
     background-image: none,-webkit-linear-gradient(top, #000, #ffff00) !important;
} 

/* CSS Selector for selected item in the list */
.mstrmojo-ui-Pulldown .mstrmojo-PopupList .item.selected {
     //Property: Value 
     background-color: #fff !important;
}

 
 
7. Restart the web server and clear the browser cache.
  
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.