RowDetails and Text Wrapping

[yonadav]

Hi,

We've replaced our earlier use of child grids with a simplified RowDetails, something that looks like this:

       <telerik:RadGridView.RowDetailsTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="80" /> <!-- A kind of margin we're using -->
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <!-- Here there is a component that appears in column 0 -->

                    <!-- The actual description  -->
                    <TextBlock
                        Grid.Column="1"
                        Text="{Binding Description, Mode=OneWay}"
                        TextWrapping="Wrap"/>
                </Grid>
            </DataTemplate>
        </telerik:RadGridView.RowDetailsTemplate>

When viewing this, the TextBlock fails to wrap the text.

Based on our understanding, this is because the owning Grid is taking more than the visible width. However, it's possible there's a mistake here.

Can you help us understand why the TextBlock is not wrapping?

Thanks,

yonadav

[Rossen Hristov]

Hi yonadav,

The TextBlock is not wrapping because its parent element, a Grid in this case, is measured with positive infinity. In other words it has no explicit width specified and the layout system lets it occupy as much horizontal space as it needs. If you want wrapping to occur, you will need to specify width for either the parent Grid (i.e. the top-level element inside the Row Details template) or the TextBlock itself. I hope this makes sense.

All the best,
Ross
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[yonadav]

Hi Ross,

We do not know what width to use as the window can resize. The owning RadGridView control doesn't have a specific width to it either, it simply takes up the entire available width (within the Grid it is located). This means, we need the Grid within the RowDetails to take up the entire width of its parent, and for the parent (RowDetails control??) to take up the entire width (and only that) of the RadGridView.

Does this make sense?

Thanks,

yonadav

[Rossen Hristov]

Hi yonadav,

If this is the case you will have to turn horizontal scrolling off. When you turn horizontal scrolling off, RadGridView will be able to calculate the horizontal space that is available to it and the wrapping will be possible. When horizontal scrolling is on -- the space available is unlimited, endless, infinite, etc.

The main point is that for something to wrap it needs to know how much width does it have available. If the width is infinite, then no wrapping can occur since everything can fit on a single line no matter how long the text is.

I have prepared a small sample project that demonstrates the text wrapping in action. Please, resize the window in various directions to see the text wrapping in action.

I hope this helps.

Sincerely yours,
Ross
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[yonadav]

Hi Ross,

Turning off horizontal scrolling solved it.

Thank you for your help,

yonadav