How to Customize Dropdown Popup Height and Width for Specific Parameters

Dropdown parameters in Bold Reports allow users to filter reports by selecting values such as product categories or date ranges. By customizing the PopupHeight and PopupWidth for individual parameters, you can enhance the user interface—minimizing scrolling for long lists and aligning the layout with custom UI designs.

This guide explains how to adjust the height and width of dropdowns for specific parameters in a report.

Prerequisites

• Bold Reports Designer
• An RDL report with a Multi-value parameter

Steps to Customize Dropdown dimensions

Step 1: Access the Properties Settings

1. Access the property settings, then go to the Miscellaneous section. Next, proceed to Custom Attributes and click on Set Attributes.
   
   

Step 2: Add New Attributes Fields

1. In the Custom Attributes popup window, click Add to create new attribute fields.
   
   

Step 3: Define PopupHeight or PopupWidth

1. In the Name field of the Custom Attributes popup, enter SfParam_ContactID_PopupHeight and set the Value field to 500px to adjust the height.
2. Set the SfParam_ContactID_PopupWidth in the other Name field, and set the Value to 400px to adjust the width of the popup.
3. Click OK to save the changes.
   
   

Step 4: Preview the Report

1. Click preview to view the report and verify the changes.
2. Compare the dropdown parameter menu appearance before and after applying the custom attribute

• Before Customization: The dropdown uses default height and width.
  
  
• After Customization: The dropdown reflects the specified popup dimensions.
  
  

Conclusion

Customizing the popup dimensions of dropdown parameters improves usability and allows for a more tailored report experience. By following this guide, you can easily adjust dropdown sizes to suit your design needs.

• For more advanced customizations, refer to the Bold Reports documentation on Parameters..\
• For further assistance, contact the Bold Reports Support Team.