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

how to decrease space between groups of TileList

4 Answers 152 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Amigo
Top achievements
Rank 1
Amigo asked on 13 Feb 2014, 10:19 AM
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 

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 13 Feb 2014, 11:13 AM
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.
0
Amigo
Top achievements
Rank 1
answered on 13 Feb 2014, 11:33 AM
Thanks for reply. but its destroy  my layout. i want spaces between groups. not tiles.
0
Shinu
Top achievements
Rank 2
answered on 17 Feb 2014, 04:13 AM
Hi Amigo,

Please try the following CSS to achieve your scenario.

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

Thanks,
Shinu.
0
Amigo
Top achievements
Rank 1
answered on 17 Feb 2014, 04:26 AM
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;
    }
Tags
TileList
Asked by
Amigo
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Amigo
Top achievements
Rank 1
Share this question
or