TileView Layout

[Waleed Seada]

Dear All,

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

Regards
Waleed

[Zarko]

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

[Waleed Seada]

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

[Petar Mladenov]

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

[Samir Patel]

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

[Petar Mladenov]

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