Re sizable tile with ability to define Custome row/column span

2 posts, 0 answers
  1. Parthiv
    Parthiv avatar
    1 posts
    Member since:
    May 2018

    Posted 24 May 2018 Link to this post

    Hello,

    We are evaluating Telerik controls for one of our requirements, where we need to use Tile view control. Each tile contains different controls like Datagrid / charts etc..

    Our first requirement is, we want to adjust tiles in a such a way that, in the first row have one large tile, in the second row there would be 4 small tiles and in the third row would he two medium size tiles. For more details on how that should look, please refer attached screenshot.

    We found a link: https://github.com/telerik/xaml-sdk/tree/master/TileView/RestoredTilesToSpanMultipleRowsAndColumns 

    which can help us to arrange the tiles the way we want. Now we also want those tiles to be resizable and here I am facing difficulties to achieve this. Basically, we are trying to achieve behavior near to this: https://strml.github.io/react-grid-layout/examples/0-showcase.html

    Could you please help me out to achieve this requirement. 

    Looking forward to hearing you soon.

     

    Thanks,

    Parthiv

  2. Vladimir Stoyanov
    Admin
    Vladimir Stoyanov avatar
    495 posts

    Posted 29 May 2018 Link to this post

    Hello Parthiv,

    Thank you for the attached picture.

    Currently resizing the tiles is not supported out of the box. We have a logged feature request for implementing such a functionality: TileView: Allow user-resizable tile view items. I have raised its priority accordingly. 

    While I have not tested this on my side and cannot guarantee that it will work in all scenarios, perhaps you can use a similar approach to the one suggested in the Resize a Canvas by Using a Thumb article for implementing such a functionality. 

    Regards,
    Vladimir Stoyanov
    Progress Telerik
    Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Back to Top