[Solved] how to decrease space between groups of TileList

[Amigo]

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 

[Shinu]

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.

[Amigo]

Thanks for reply. but its destroy  my layout. i want spaces between groups. not tiles.

[Shinu]

Hi Amigo,

Please try the following CSS to achieve your scenario.

CSS:

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

Thanks,
Shinu.

[Amigo]

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;
    }