RadTileList padding and scrolling issue

6 posts, 0 answers
  1. Rémi
    Rémi avatar
    24 posts
    Member since:
    May 2015

    Posted 06 Oct 2015 Link to this post

    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.

  2. Maya
    Admin
    Maya avatar
    4062 posts

    Posted 08 Oct 2015 Link to this post

    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
  3. UI for WPF is Visual Studio 2017 Ready
  4. Rémi
    Rémi avatar
    24 posts
    Member since:
    May 2015

    Posted 08 Oct 2015 in reply to Maya Link to this post

    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.

  5. Maya
    Admin
    Maya avatar
    4062 posts

    Posted 08 Oct 2015 Link to this post

    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
  6. Rémi
    Rémi avatar
    24 posts
    Member since:
    May 2015

    Posted 08 Oct 2015 Link to this post

    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.

     

  7. Maya
    Admin
    Maya avatar
    4062 posts

    Posted 12 Oct 2015 Link to this post

    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
Back to Top
UI for WPF is Visual Studio 2017 Ready