Customizing Dropdown Parameter Popup Height and Width

Dropdown parameters allow users to filter reports by selecting values such as product categories or date ranges. To improve usability—especially for long lists—you can customize the PopupHeight and PopupWidth attributes. This reduces scrolling and aligns the interface with custom UI designs.

This guide provides step-by-step instructions to customize the height and width of dropdowns for all parameters in a report.

Steps to Adjust Dropdown Parameter Popup Size

Step 1: Access Property Settings:

• Open the Properties panel. Navigate to the Miscellaneous section, expand it and locate Custom Attributes and click on Set Attributes.
  
  

Step 2: Set Custom Attributes

• In the Set Attributes dialog, click Add to create new attribute fields.
  
  
• For the first attribute, in the Name field enter PopupHeightand set the Value field to 500px to adjust the dropdown popup height
• For the second attribute, in the Name field enter PopupWidth and set the Value to 400px to adjust the width of the popup.
• Click OK to apply and save the changes.
  
  

Step 3: Preview the Changes

• Click preview to view the report.

• Compare the dropdown parameter menu appearance before and after applying the custom attribute, PopupHeight and PopupWidth:

• Before: The dropdown uses default dimensions, which may require excessive scrolling.
  

  

• After: The dropdown displays with increased height and width, showing more options at once.
  

  

Additional Resources

Conclusion

By adjusting the PopupHeight and PopupWidth attributes, you can significantly improve the usability of dropdown parameters in Bold Reports Designer. This simple customization enhances report interaction and ensures a smoother user experience.