I have a DataGrid inside a page, and I didn't want to hard code the
width of the DataGrid, much less any of the columns inside of the
DataGrid.
One of the columns in the grid is a custom item renderer, a Canvas
with an Image next to a Text field for displaying a description. The
Image was constrained to 5 pixels from the left and 50 pixels wide.
The Text field was constrained to 60 pixels from the left and 5 pixels
from the right.
At first the Text field was not wrapping as many have asked/commented
on in this group. But I got it to wrap by replacing the right side
constraint with a binding on the width to the width of the parent
component (the Canvas) minus the width of the image minus the two 5
pixel padding values, so:
width="{this.width - theImg.width - 5 - 5}"
Now the Text field wraps properly.
Just to share.
