Scrolling Maximized FluidContentControl

[Baligand]

Hi,

I do not think the first question to me but I try anyway!
I use  FluidControl in my xaml I managed to scroll my items minimized mode but in maximizedmode, impossible to scroll if the content is very dense, any idea?

this is my code : 

<Grid Grid.Row="1">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <telerik:RadTileView Grid.Row="0" Grid.Column="0"  MinHeight="300"
            ColumnsCount="2" MinimizedRowHeight="180" RowHeight="250"
            MinimizedColumnWidth="190"
            MinimizedItemsPosition="Left"
            PreservePositionWhenMaximized="True"
            TileStateChangeTrigger="SingleClick"
            MaximizeMode="One"
            IsDockingEnabled="True" >

        <telerik:RadTileViewItem Header="EnsembleElectrique1" TileState="Maximized" MinHeight="300" >
            <telerik:RadFluidContentControl ContentChangeMode="Automatic" TransitionDuration="0:0:.5" NormalToLargeThreshold="">
                <telerik:RadFluidContentControl.SmallContent>
                    <Grid Width="150" Height="150">
                        <TextBlock Text="Item1 ContentSmall"/>
                    </Grid>
                </telerik:RadFluidContentControl.SmallContent>
                <telerik:RadFluidContentControl.LargeContent>
                    <StackPanel Width="600" Height="600">
                        <TextBlock Text="Item1 ContentLarge"/>
                        <TextBlock Text="Item3 ContentLarge"/>
                        <TextBlock Text="Item2 ContentLarge"/>
                        <TextBlock Text="myitem" Height="250" Width="150" />
                    </StackPanel>
                </telerik:RadFluidContentControl.LargeContent>
            </telerik:RadFluidContentControl>
        </telerik:RadTileViewItem>

        <telerik:RadTileViewItem Header="Documents">
            <telerik:RadFluidContentControl ContentChangeMode="Automatic" TransitionDuration="0:0:.5">
                <telerik:RadFluidContentControl.Content>
                    <Grid Width="150" Height="150">
                        <TextBlock Text="Item2 Content"/>
                    </Grid>
                </telerik:RadFluidContentControl.Content>
                <telerik:RadFluidContentControl.LargeContent>
                    <Grid Width="600" Height="600">
                        <TextBlock Text="Item2 ContentLarge"/>
                    </Grid>
                </telerik:RadFluidContentControl.LargeContent>
            </telerik:RadFluidContentControl>
        </telerik:RadTileViewItem>

        <telerik:RadTileViewItem Header="Portions intégrités">
            <telerik:RadFluidContentControl ContentChangeMode="Automatic" TransitionDuration="0:0:.5">
                <telerik:RadFluidContentControl.Content>
                    <Grid Width="150" Height="150">
                        <TextBlock Text="Item3 Content"/>
                    </Grid>
                </telerik:RadFluidContentControl.Content>
                <telerik:RadFluidContentControl.LargeContent>
                    <Grid Width="600" Height="600">
                        <TextBlock Text="Item3 ContentLarge"/>
                    </Grid>
                </telerik:RadFluidContentControl.LargeContent>
            </telerik:RadFluidContentControl>
        </telerik:RadTileViewItem>

    </telerik:RadTileView>

</Grid>

Thanks for all!

[Tina Stancheva]

Hi Baligand,

I am not really sure I understand what you'd like to implement, but if you need to enable the horizontal and/or vertical ScrollBars for the restored tiles, you need to set the Rows/Columns' size large enough to exceed the viewport of the RadTileView control:

<telerik:RadTileView ColumnsCount="2" RowHeight="150" ColumnWidth="150" ...>
...
<telerik:RadTileView/>

You can find more information about this feature in our documentation. Please have a look at it and let me know if you need more info.

Regards,
Tina Stancheva
the Telerik team

[Gary]

I think the previous post was asking how you scroll the content of the <telerik:RadFluidContentControl.LargeContent> control.

I am having a similar issue in that my content exceeds the screen height, no scroll bar is displayed and as I don't know all the functions of the control I'm struggling to find a solution. Could you provide some help with this?

Thanks,

Gary

[Vladislav]

Hi Gary,

In order to display bigger content in the RadFluidContentControl you should wrap your content in a ScrollViewer. And control the (Vertical/Horizontal)ScrollBarVisibilty of this ScrollViewer as needed.

<telerik:RadFluidContentControl.LargeContent>
    <ScrollViewer>
        <!-- Your content here -->
    </ScrollViewer>
</telerik:RadFluidContentControl.LargeContent>

Greetings,
Vladislav
the Telerik team

[Gary]

Hi Vladislav,

Thanks for getting back to me. The solution works a treat.

Cheers,

Gary