ListView Default Border

[Allan]

By default there is a black bounding border one pixel wide around the ListView. Setting BorderColor, Style, and/or Width has no effect. Is there a way to remove the border?

[Princy]

Hi Allan,

I suppose you want to remove the default border, which browsers apply to <fieldset> elements. Try styling the fieldset as follows to remove the default border.

ASPX:

<telerik:RadListView ID="RadListView1" runat="server" ItemPlaceholderID="PlaceHolder1" ....>
    <LayoutTemplate>
        <fieldset style="border: none;" >
            <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
        </fieldset>
    </LayoutTemplate>
    <ItemTemplate>
        ..........
    </ItemTemplate>
</telerik:RadListView>

Hope this helps.

Regards,
Princy.

[Jacob]

Hi,

I have tryed you solution but i cant get it to work. It still show the border around the listview?

Hope you are able to help

Regards,
Jacob

<telerik:RadListView runat="server" ID="ActivityListView" AllowPaging="False" DataKeyNames="Id" BorderWidth="0px" BorderStyle="None">
                                        <ItemTemplate>
                                            <fieldset style="border: none;">
                                                <div class="infotext" style="border: none;">
                                                     <asp:Label ID="DateLabel" CssClass="act_date" runat="server" Text='<%# Eval("ActivityDate", "{0:dd MMMM yyyy}") %>'></asp:Label>
                                                    <br/>
                                                     <asp:Label ID="HeaderTextLabel" CssClass="act_header" runat="server" Text='<%# Eval("HeaderText") %>'></asp:Label>
                                                    <br />
                                                </div>
                                            </fieldset>
                                        </ItemTemplate>
                                        <EmptyDataTemplate>
                                                <div class="RadListView RadListView_<%# Container.Skin %>">
                                                    <div class="infotext">
                                                        Ingen aktiviteter.</div>
                                                </div>
                                        </EmptyDataTemplate>
                                        <LayoutTemplate>
                                                <div class="RadListView RadListView_<%# Container.Skin %>">
                                                    <div id="itemPlaceholder" runat="server">
                                                    </div>
                                                </div>
                                        </LayoutTemplate>
                                    </telerik:RadListView>

[Eyup]

Hello Jacob,

Please try to apply the styling to the LayoutTemplate instead and let us know about the result.

Kind regards,
Eyup
the Telerik team