This is a migrated thread and some comments may be shown as answers.

Scrolling Maximized FluidContentControl

4 Answers 32 Views
TileView
This is a migrated thread and some comments may be shown as answers.
Baligand
Top achievements
Rank 1
Baligand asked on 21 Sep 2012, 10:39 AM
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!

4 Answers, 1 is accepted

Sort by
0
Tina Stancheva
Telerik team
answered on 26 Sep 2012, 11:12 AM
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

Time to cast your vote for Telerik! Tell DevPro Connections and Windows IT Pro why Telerik is your choice. Telerik is nominated in a total of 25 categories.

0
Gary
Top achievements
Rank 1
answered on 04 Oct 2012, 03:11 PM
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
0
Vladislav
Telerik team
answered on 09 Oct 2012, 08:43 AM
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

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Gary
Top achievements
Rank 1
answered on 09 Oct 2012, 11:05 AM
Hi Vladislav,

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

Cheers,

Gary
Tags
TileView
Asked by
Baligand
Top achievements
Rank 1
Answers by
Tina Stancheva
Telerik team
Gary
Top achievements
Rank 1
Vladislav
Telerik team
Share this question
or