This is a migrated thread and some comments may be shown as answers.

RadTileList padding and scrolling issue

5 Answers 64 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Rémi
Top achievements
Rank 1
Rémi asked on 06 Oct 2015, 12:42 PM

Hi,

I have a RadTileList which fills the entire width of the screen. By default it has a right padding (50px I guess which is perfect) and I would like to add the same on the left exactly the same way it's done in the demo app.

But I can't find where it's defined, I'm stuck in my research in RadTileListTemplate # ItemsPresenter

 Thanks,

Rémi.

5 Answers, 1 is accepted

Sort by
0
Maya
Telerik team
answered on 08 Oct 2015, 02:51 PM
Hello Rémi,

Why not setting padding directly to the tile list like: 
<telerik:RadTileList ItemsSource="{Binding Clubs}" Padding="50 0 0 0"/>

Will that fit into your requirements or am I missing anything ? 


Regards,
Maya
Telerik
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 Feedback Portal and vote to affect the priority of the items
0
Rémi
Top achievements
Rank 1
answered on 08 Oct 2015, 03:10 PM

Hi Maya,

 

My post was not enough complete.

The problem when I'm applying a left padding, as you have suggested, is that I always keep that padding when I'm scrolling.

The horizontal scrolling bar fill well the full width but I don't understand why the left padding remain on the RadTileList when scrolling.

Please see the attached image which illustrate the issue.

 

Thanks,

Rémi.

0
Maya
Telerik team
answered on 08 Oct 2015, 03:28 PM
Hello Rémi,

One thing that you can try is to set Margin of the TileGroupContainer. In this case it will be applied to each group, but there is no way for the time being to modify only the first group.
The approach I meant is: 
<ControlTemplate x:Key="TileGroupContainerTemplate" TargetType="telerik:TileGroupContainer">
       <Grid Margin="50 0 0 0">
           <Grid.RowDefinitions>
               <RowDefinition Height="{Binding GroupHeaderHeight, RelativeSource={RelativeSource AncestorType=telerik:RadTileList}}"/>
               <RowDefinition/>
           </Grid.RowDefinitions>
           <ContentPresenter
                   Content="{Binding Header}"
                   Margin="{TemplateBinding Padding}"
                   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                   HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                   Visibility="{Binding GroupHeaderVisibility, RelativeSource={RelativeSource AncestorType=telerik:RadTileList}}"
                   ContentTemplate="{TemplateBinding HeaderTemplate}"/>
           <ItemsPresenter Grid.Row="1"/>
       </Grid>
   </ControlTemplate>

You can find that element in the template of RadTileList. 
Let me know whether this corresponds to your requirements. 


Regards,
Maya
Telerik
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 Feedback Portal and vote to affect the priority of the items
0
Rémi
Top achievements
Rank 1
answered on 08 Oct 2015, 04:03 PM

Unfortunately there still is a problem :

The end of the tile is cut the same amount of the margin value (see attached image).

Can't we make the same as the Demo's App RadTileList in the "All Controls" view ?

Rémi.

 

0
Maya
Telerik team
answered on 12 Oct 2015, 02:06 PM
Hi Rémi,

Indeed, you are right. I tried a couple of other things but it seems that for the time being RadTileList cannot behave smoothly with the requirements that you have. 
Considering the demos app, it does not use RadTileList. It is just a simple ordering of items and does not support grouping, reordering, etc. .

Regards,
Maya
Telerik
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 Feedback Portal and vote to affect the priority of the items
Tags
TileList
Asked by
Rémi
Top achievements
Rank 1
Answers by
Maya
Telerik team
Rémi
Top achievements
Rank 1
Share this question
or