Problem with BorderSize="0" in Chrome/FF

3 posts, 1 answers
  1. Jacek
    Jacek avatar
    31 posts
    Member since:
    Sep 2011

    Posted 18 Apr 2012 Link to this post


    Simple page

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm47.aspx.cs" Inherits="fTest.WebForm47" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <head runat="server">
        <form id="form1" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" BorderSize="0" PanesBorderSize="0"
            <telerik:RadPane runat="server" ID="RadPane1" Width="350px" MaxWidth="350">
             <telerik:RadSplitBar runat="server" ID="RadSplitbar1" CollapseMode="Forward" ResizeStep="50" />
             <telerik:RadPane runat="server" ID="RadPane2" Width="350px" MaxWidth="350">

    but it renders incorrectly in Chrome (in IE it's fine) - please find attachments below.

    I know I could set style directly (as described in Removing the border of RadSplitter panes and the RadSplitter) but the question remains in what scenario property BorderSize is actually working? 

  2. Answer
    Dobromir avatar
    1633 posts

    Posted 18 Apr 2012 Link to this post

    Hi Jacek,

    The problem that you experience is due to the fact that you are trying to utilize RadSplitter to use percentage values for its Width / Height property, but its parent elements does not have set height. To avoid this problem you need to set style="height:100%" to the <div> element wrapping the splitter and the following CSS to the page to set height to the <html>, <body> and <form> elements:
    html, body, form
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden;

    Please review the following help article for more detailed information on this case:
    Filling the Entire Page

    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. DevCraft R3 2016 release webinar banner
  4. Jacek
    Jacek avatar
    31 posts
    Member since:
    Sep 2011

    Posted 18 Apr 2012 Link to this post

Back to Top