KB240111: Showing the Grid and Graph Side-by-side, When Displaying Reports in Grid/graph Mode in MicroStrategy Web 9.5.x

Summary
When executing a report in grid/graph mode, the default layout will display the graph above the grid in Strategy Web. This customization shows how the grid/graph layout can be changed to display these side-by-side.
 
Before customization

 
After customization

 
 
Using the Web Customization Editor to create this customization

• Launch the Web Customization Editor.
• Create a new plug-in and give it a meaningful name.
  
  For step by step instructions on creating a new plug-in, refer to the following article in the Strategy Developer Zone:
  Creating a New Plug-in
• Select the "Application Settings" tab and expand "Strategy Web Configuration" to view the hierarchical tree.
• Navigate to Styles and locate "ReportGridGraphStyle" in the list of styles.
• Double-click on this style to display the style properties.
• Select the "Style Layouts" tab from the bottom of the "Style Properties" window:
  
  

• Select "Edit Layout" to open the "ReportGridGraphLayout.xml" file in the editor.
• Look for the following code:
   
  

  
    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="tblReportLayout">
      <tr>
        <td id="tdReportLayoutCenter" colspan="1" rowspan="1">
          <div class="report-center">
            <mstrlayout:render name="graph" />
            <mstrlayout:render name="grid" />
          </div>
        </td>
      </tr>
    </table>

  
  
• Replace this with the following:
   
  

  
    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="tblReportLayout">
      <tr>
        <td id="tdReportLayoutCenter" colspan="1" rowspan="1">
          <div class="report-center">
            <mstrlayout:render name="grid" />
          </div>
        </td>
        <td id="tdReportLayoutCenter" colspan="1" rowspan="1">
          <div class="report-center">
            <mstrlayout:render name="graph" />
          </div>
        </td>
      </tr>
    </table>

  
  
• Save this file and restart the Web server to apply these changes.

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 the MicroStrategy Developer Hub .
To access the Strategy Developer Hub, 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 Hub, 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 https://www.Strategy.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.