This is a migrated thread and some comments may be shown as answers.
TileView Layout
5 Answers 69 Views
This is a migrated thread and some comments may be shown as answers.
Waleed Seada
Top achievements
Rank 2
Waleed Seada asked on 24 Feb 2011, 06:16 PM
Dear All,

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

Regards
Waleed

5 Answers, 1 is accepted

Sort by
0
Accepted
Zarko
Telerik team
answered on 01 Mar 2011, 05:17 PM
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!
0
Waleed Seada
Top achievements
Rank 2
answered on 01 Mar 2011, 05:56 PM
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
0
Petar Mladenov
Telerik team
answered on 04 Mar 2011, 03:56 PM
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!
0
Samir Patel
Top achievements
Rank 1
answered on 27 Jun 2011, 02:35 PM
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
0
Petar Mladenov
Telerik team
answered on 30 Jun 2011, 01:46 PM
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
Asked by
Waleed Seada
Top achievements
Rank 2
Answers by
Zarko
Telerik team
Waleed Seada
Top achievements
Rank 2
Petar Mladenov
Telerik team
Samir Patel
Top achievements
Rank 1
Share this question
or