Maintain the Size and Content of Data-Bound Controls

<< Click to Display Table of Contents >>

Raynet One Data Hub > 14.0 > Dashboards and Reports Customization Guide > Designing Reports > Layout Dynamic Report Content 

Maintain the Size and Content of Data-Bound Controls

Use the control's Can Grow and Can Shrink properties to make a data-bound control automatically adjust its height to its contents.

 

eurd-web-can-grow-can-shrink-properties

 

Can Grow = No

Can Grow = Yes

 

eurd-web-can-grow-false

 

 
eurd-web-can-grow-true
 

 

Can Shrink = No

Can Shrink = Yes

 

eurd-web-can-shrink-false

 

 

eurd-web-can-shrink-true

 

 

papercliper

Note:

This feature does not work with anchoring enabled, as well as for labels that are used to display summary function results.

 

Use the Auto Width property to make a data-bound Label or Character Comb automatically adjust its width to its content. This option behavior depends on the control's current horizontal alignment (Text Alignment property value).

 

Text Alignment = Left

 

eurd-web-label-auto-width-left-align

 

Text Alignment = Right

 

eurd-web-label-auto-width-right-align

 

Text Alignment = Center

 

eurd-web-label-auto-width-center-align

 

The control's Word Wrap property allows you to make a control display its contents in multiple lines when it does not fit into the control's dimensions.

 

Auto Width = No, Word Wrap = No

Auto Width = No, Word Wrap = Yes

 

eurd-web-auto-width-false-word-wrap-false

 

 

eurd-web-auto-width-false-word-wrap-true

 

 

Auto Width = No, Word Wrap = No

Auto Width = No, Word Wrap = Yes

 

eurd-web-auto-width-true-word-wrap-false

 

 

eurd-web-auto-width-false-word-wrap-true

 

 

You can also use the opposite Text Fit Mode property to adjust a label or table cell's font size to fit the control's bounds. Images below show how the Word Wrap property affects the label's font size.

 

eurd-web-label-text-fit-mode-property

 

Text Fit Mode = None

Text Fit Mode = Grow Only

Text Fit Mode = Shrink Only

Text Fit Mode = Shrink And Grow

 

eurd-web-label-text-fit-mode-none

 

 

eurd-web-label-text-fit-mode-grow-only

 

 

eurd-web-label-text-fit-mode-shrink-only

 

 

eurd-web-label-text-fit-mode-shrink-and-grow

 

 

This property is not available in the following cases:

 

The Can Grow, Can Shrink or Auto Width option is enabled;

The label's Angle property is specified;

The control's Anchor Horizontally or Anchor Vertically property is set to Both.