TileView Layout

6 posts, 1 answers
  1. Waleed Seada
    Waleed Seada avatar
    241 posts
    Member since:
    May 2006

    Posted 24 Feb 2011 Link to this post

    Dear All,

    Does anyone know how to creat a layout for RadTileView as the attached file ...

    Regards
    Waleed
  2. Answer
    Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 01 Mar 2011 Link to this post

    Hi Waleed Seada,

     In order to create such layout for the RadTileView you will have to edit the default template of the RadTileViewItems. The easiest way to edit it is in Blend but you can do that in xaml as well.
    Could you please examine the sample project that I've attached, in it I've edited the template of the tileviewitems so that they look a little bit like your desired layout?
    If you need further assistance feel free to ask. 

    Kind regards,
    Zarko
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  3. DevCraft banner
  4. Waleed Seada
    Waleed Seada avatar
    241 posts
    Member since:
    May 2006

    Posted 01 Mar 2011 Link to this post

    Dear Zarko,

    Appreciate your reply indeed, it realy helped me a lot, I am still facing some diffeculties binding ICommand inside DataTemplete
    simply the command not fired !!

    I have this binding in radtoolbar inside the large content of the fluidcontentcontrol as follows:
    <telerik:RadFluidContentControl.LargeContent>
        <Grid>
            <StackPanel>
                <telerik:RadToolBar x:Name="AccountActionstb">
                    <telerik:RadToolBar.Items>
                        <Button Command="{Binding EditCommand}">
                            <StackPanel Orientation="Horizontal">
                                <Image Width="16" Height="16" Source="/Assets/Icons/New.png" ToolTipService.ToolTip="Refresh List" />
                                <TextBlock Text="Refresh" Margin="1,0,1,0" VerticalAlignment="Center"/>
                            </StackPanel>
                        </Button>
                        <Button Command="{Binding NewCommand}">
                            <StackPanel Orientation="Horizontal">
                                <Image Width="16" Height="16" Source/Assets/Icons/New.png" ToolTipService.ToolTip="New Sheet" />
                                <TextBlock Text="New" Margin="1,0,1,0" VerticalAlignment="Center"/>
                            </StackPanel>
                        </Button>
                        <Button Command="{Binding SaveRecordCommand}">
                            <StackPanel Orientation="Horizontal">
                                <Image Width="16" Height="16" Source="/Assets/Icons/Save.png" ToolTipService.ToolTip="Save Record" />
                                <TextBlock Text="Save" Margin="1,0,1,0" VerticalAlignment="Center"/>
                            </StackPanel>
                        </Button>
                        <telerik:RadToolBarSeparator/>
                        <Button Command="{Binding DeleteCommand}">
                            <StackPanel Orientation="Horizontal">
                                <Image Width="16" Height="16" Source="/Assets/Icons/Delete.png" ToolTipService.ToolTip="Delete selected Record(s)" />
                                <TextBlock Text="Delete" Margin="1,0,1,0" VerticalAlignment="Center"/>
                            </StackPanel>
                        </Button>
                    </telerik:RadToolBar.Items>
                </telerik:RadToolBar>

    How can this be resolved !!

    -----------------------------------------------------------------------------
    EDITED:
    Also how can you apply the proposed style using FluidContentControl ??

    Regards
    Waleed
  5. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 04 Mar 2011 Link to this post

    Hi Waleed Seada,

    Its really a bad practice to manage your CRUD operations with a buttons defined so deep in the RadTileViewItems` content. The preferred approach is to place this toolbar outside the whole RadTileView and this way your binding should work much easier and faster, the code should be less and more easier to maintain.

    Kind regards,
    Petar Mladenov
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  6. Samir Patel
    Samir Patel avatar
    54 posts
    Member since:
    Jul 2009

    Posted 27 Jun 2011 Link to this post

    Hello,

    In My project also exatcly same requirements, but , i need to call Dynamically the tiles within it by using layout manager , please help me..

    Here is the Exact Scenario :

    I have Created Some categories , and each categories having more then One item assigned for the Admin site, and when the User see this Screen, i need to show them...Each My categories are My Main Tile, and with this category tile , i need to show each item assigned to this category within this Tile, with the exact size as Shown in the Attachment ( Bicycle - in the start of thread))

    How can we set Dynamically tiles  by using layout manager in the category Tile

    Regards
    samir
  7. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 30 Jun 2011 Link to this post

    Hello Samir Patel,

    You mentioned an attachment but unfortunately I cannot see any files in your post. Is it possible to send us a picture of what you want to achieve ? On the other hand, what do you exactly call layout manager? Basically, you can control the Tiles behavior and add/remove them dynamically from code behind and by using various TileView events. You can also check out this article showing how you can next TileViews. Please elaborate more on your scenario and we'll try to advice you better. Thank you in advance.


    Best wishes,
    Petar Mladenov
    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
Back to Top
DevCraft banner