how to decrease space between groups of TileList

5 posts, 0 answers
  1. Amigo
    Amigo avatar
    8 posts
    Member since:
    Feb 2014

    Posted 13 Feb 2014 Link to this post

    how can i decrease space between groups of TileList.  i am using rtlistGroupSeparator as describe in telerik documentation custom css. but not working for me. can any one explain it for me... thanks 
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 13 Feb 2014 in reply to Amigo Link to this post

    Hi Amigo,

    Please have a look into the following code snippet to decrease the space between groups of RadTileList.

    ASPX:
    <telerik:RadTileList ID="RadTileList1" runat="server">
        <Groups>
            <telerik:TileGroup Name="Tile1">
                <telerik:RadTextTile ID="RadTextTile1" runat="server" Text="Text1">
                </telerik:RadTextTile>
            </telerik:TileGroup>
            <telerik:TileGroup Name="Tile2">
                <telerik:RadTextTile ID="RadTextTile2" runat="server" Text="Text2" CssClass="TileSpace">
                </telerik:RadTextTile>
            </telerik:TileGroup>
        </Groups>
    </telerik:RadTileList>

    CSS:
    <style type="text/css">
        .TileSpace
        {
            margin-left: -150px !important;
        }
    </style>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Amigo
    Amigo avatar
    8 posts
    Member since:
    Feb 2014

    Posted 13 Feb 2014 in reply to Shinu Link to this post

    Thanks for reply. but its destroy  my layout. i want spaces between groups. not tiles.
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Feb 2014 in reply to Amigo Link to this post

    Hi Amigo,

    Please try the following CSS to achieve your scenario.

    CSS:
    <style type="text/css">
        .rtlistGroup
        {
            width: 100px !important;
        }
    </style>

    Thanks,
    Shinu.
  6. Amigo
    Amigo avatar
    8 posts
    Member since:
    Feb 2014

    Posted 16 Feb 2014 in reply to Shinu Link to this post

    Thanks Shanu.

    this code help me. and my app is work fine

    .RadTileList_MyCustomSkin .rtlistScrollWrapper .rtlistGroupSeparator {
            height:430px;
            width:0px;
            margin-right:5px;
            margin-left:15px;
        }
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017