Scrolling Maximized FluidContentControl

5 posts, 0 answers
  1. Baligand
    Baligand avatar
    1 posts
    Member since:
    Sep 2012

    Posted 21 Sep 2012 Link to this post

    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!
  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 26 Sep 2012 Link to this post

    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.

  3. DevCraft banner
  4. Gary
    Gary avatar
    4 posts
    Member since:
    Mar 2012

    Posted 04 Oct 2012 Link to this post

    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
  5. Vladislav
    Admin
    Vladislav avatar
    276 posts

    Posted 09 Oct 2012 Link to this post

    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.

  6. Gary
    Gary avatar
    4 posts
    Member since:
    Mar 2012

    Posted 09 Oct 2012 Link to this post

    Hi Vladislav,

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

    Cheers,

    Gary
Back to Top
DevCraft banner