Category / Section
How to Enhance Report Design Using Border Radius in Bold Reports
Published:
Updated:
In Bold Reports, styling elements like borders and corners can enhance the overall visual appeal of your reports. One useful customization is the border radius, which rounds the corners of report items such as rectangles, text boxes, and images. By using the Border-Radius
custom attribute, you can give your reports a sleek and polished look. This guide walks you through the simple steps to apply a border radius to your report items.
Steps to Apply Border Radius
- Open Your Report: Launch your report in Bold Reports and select the report item you want to style (e.g., a rectangle, text box, or image).
For more details on report items, refer to the Report Items Guide. - Access the Properties Pane: With the item selected, go to the Properties pane (typically on the right side of the designer).
- Navigate to Custom Attributes: In the Properties pane, expand the Miscellaneous section, then click on Custom Attributes to open the settings popup.
- Set the Border Radius: In the popup window:
- Set the Name field to
Border-Radius
. - Enter your desired radius in the Value field (e.g.,
10px
for a moderate curve).
Note: Use pixel values (e.g.,5px
,15px
) for precise control over the corner radius.
- Set the Name field to
- Save Your Changes: Click OK to apply the settings and close the popup.
- Preview the Report: Switch to Preview mode to confirm that the rounded corners are applied as expected.
Tips for Best Results
- Experiment with Values: Try different pixel values (e.g.,
5px
for subtle rounding,20px
for a more dramatic effect) to suit your design. - Consistency: Apply the same radius value to related elements to keep your report design cohesive.
- Compatibility: The border radius attribute is supported across all compatible report items in Bold Reports.
By following these steps, you can easily enhance your report with rounded corners, giving them a modern and professional finish.