or
Team,
I am using a fieldset in radsplitter control(vista skin).
The background of the splitter pane is not getting applied when we move the scrollbar.
It is only happening with the scrollbars. If I resize the splitter pane; it Fieldset works properly.
Using <Style=”overflow:auto”> for the fieldset inside the splitter pane is solving the problem, but that is breaking the scrollbar.
I have seen this issue in IE 7,8,9.
But working proper in chrome & FF.
I have attached the screenshot for it.
Please let me know the solution for this problem As soon as possible.
Thanks
Sampada
<body> <form id="form1" runat="server"> <center> <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Hay"> <TargetControls> <telerik:TargetControl ControlID="RadTextBox1" /> <telerik:TargetControl /> <telerik:TargetControl ControlID="RadSplitter2" /> <telerik:TargetControl /> <telerik:TargetControl ControlID="m_navPanelBar" /> <telerik:TargetControl /> </TargetControls> </telerik:RadSkinManager> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> </Scripts> </telerik:RadScriptManager> <asp:XmlDataSource ID="m_xmlDs" runat="server"></asp:XmlDataSource> <telerik:RadSplitter ID="RadSplitter1" Runat="server" Orientation="Horizontal" Width="100%" Height="100%"> <telerik:RadPane ID="RadPane1" Runat="server" Height="150"> <asp:Label ID="m_lblConnection" runat="server" Text="Label"></asp:Label> <telerik:RadTextBox ID="RadTextBox1" Runat="server" Width="100%" Height="100" TextMode="MultiLine"> </telerik:RadTextBox> <telerik:RadButton ID="Button1" runat="server" Text="Run"/> </telerik:RadPane> <telerik:RadPane ID="RadPane2" runat="server"> <telerik:RadGrid ID="m_grid" runat="server" DataSourceID="m_xmlDs"> </telerik:RadGrid> </telerik:RadPane> </telerik:RadSplitter> </center> </form></body>protected void Page_Load(object sender, EventArgs e){ if(IsPostBack) { m_xmlDs.Data = "<rows><row id=\"100\" name=\"Person\" LastName=\"One\" /><row id=\"101\" name=\"Person\" LastName=\"Two\" /></rows>"; m_grid.Rebind(); } else { m_xmlDs.Data = "<root />"; }}

Hello ,
I am working on telerik ListView with RadDatapager . RadDatapager event is not (fire) working on first click. Event working on second click. I send my code below:
<%@ Page Language="C#" ValidateRequest="false" EnableEventValidation="false" CodeBehind="UIPeople.aspx.cs" Inherits="myDoxii_WebRole.UIPeople" %> <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="App_Themes/CustomTabStrip/TabStrip.CustomTabStrip.css" rel="stylesheet" type="text/css" /> <link href="StyleSheet/MainStylesheet.css" rel="stylesheet" type="text/css" /> <link href="App_Themes/ForestBlack/TabStrip.ForestBlack.css" rel="stylesheet" type="text/css" /> <link href="App_Themes/CustomTabStripOffice2007/TabStrip.CustomTabStripOffice2007.css" rel="stylesheet" type="text/css" /> </head> <body style="background-color: Transparent;"> <form id="form1" method="post" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="ListViewPanel1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="ListViewPanel1" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <%--<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" MinDisplayTime="0" />--%> <%-- <asp:UpdatePanel ID="UpdatePanel1" runat="server"> </asp:UpdatePanel>--%> <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Black" EnableRoundedCorners="true" /> <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%" HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1"> <div class="MainContent"> <%-- <div id="ContactHeaderImage"> <div id="ContactHeaderImageMiddle"> <asp:Label ID="lblContactHeader" runat="server" Text="Contact" CssClass="cssContentHeader"></asp:Label> </div> <div id="ContactHeaderImageSearch"> </div> </div>--%> <div id="Contact_ListsMain"> <fieldset class="flsContactListAll" style="float: left; width: 980px; min-height: 60px; padding-bottom: 0px; padding-left: 7px; border: 0px;"> <telerik:RadTabStrip ID="RadTabStripContactList" runat="server" SelectedIndex="13" Skin="CustomTabStripOffice2007" EnableEmbeddedSkins="False" Width="980px" Font-Size="10pt" OnTabClick="RadTabStripContactList_TabClick"> <Tabs> <telerik:RadTab runat="server" Text="ALL" Width="65.3px" Selected="True"> </telerik:RadTab> <telerik:RadTab runat="server" Text="A-B" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="C-D" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="E-F" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="G-H" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="I-J" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="K-L" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="M-N" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="O-P" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Q-R" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="S-T" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="U-V" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="W-X" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Y-Z" Width="65.3px"> </telerik:RadTab> <telerik:RadTab runat="server" Text="#" Width="65.3px"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <div class="ContactListView"> <asp:Panel ID="ListViewPanel1" runat="server"> <telerik:RadListView ID="rlstvContactSummary" runat="server" ItemPlaceholderID="ListViewContainer" AllowPaging="True" PageSize="9" Skin="Black" OnSelectedIndexChanged="rlstvContactSummary_SelectedIndexChanged" DataKeyNames="Contact_ID"> <LayoutTemplate> <asp:Panel ID="ListViewContainer" runat="server" /> <table cellpadding="0" cellspacing="0" width="980px;" style="float: left; margin-left: -1px; margin-top: 8px; background-color: #FFFFFF;"> <tr> <td> <telerik:RadDataPager ID="rdpContactSummary" runat="server" PagedControlID="rlstvContactSummary" PageSize="9" Skin="Black" Width="979px" CssClass="rdpContactSummary"> <Fields> <telerik:RadDataPagerButtonField FieldType="FirstPrev" /> <telerik:RadDataPagerButtonField FieldType="Numeric" /> <telerik:RadDataPagerButtonField FieldType="NextLast" /> <telerik:RadDataPagerGoToPageField CurrentPageText="<%$ Resources:LanguageResource, rPage%>" TotalPageText="<%$ Resources:LanguageResource, rOf%>" SubmitButtonText="<%$ Resources:LanguageResource, rGo%>" TextBoxWidth="15" /> <telerik:RadDataPagerTemplatePageField> <PagerTemplate> <asp:ImageButton ID="ContactAdd" runat="server" Height="22px" Width="22px" ImageUrl="~/Images/PeopleAddBtn.png" /> <asp:ImageButton ID="ContactDelete" runat="server" Width="22px" Height="22px" ImageUrl="~/Images/PeopleDeleteBtn.png" /> </PagerTemplate> </telerik:RadDataPagerTemplatePageField> </Fields> </telerik:RadDataPager> </td> </tr> </table> </LayoutTemplate> <ItemTemplate> <fieldset class="flsContactList"> <div class="ContactListItem"> <div class="ContactListPhoto" style="width: 50px; height: 50px; float: left;"> <%--<telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%#Eval("[Contact_Image]") %>' AutoAdjustImageControlSize="false" Width="50px" Height="50px" ToolTip='<%#Eval("[Contact_Image]", "Photo of {0}") %>' AlternateText='<%#Eval("Contact_Image", "Photo of {0}") %>' />--%> <img alt="test Image" longdesc="Images/image.png" src="Images/User.png" style="width: 45px; height: 45px" /> </div> <div class="ContactListData" style="float: left; height: 50px; width: 100px; padding-left: 5px;"> <asp:LinkButton ID="LinkButton1" runat="server" CommandName="Select" CssClass="btnLink"> <%--<label> </label>--%> <asp:Label ID="Label1" runat="server" Visible="false" Text='<%# Bind("[Contact_ID]")%>'></asp:Label><%#Eval("[First_Name]")%><br /> <%-- <label> </label>--%> <%#Eval("[Address]")%><br /> <%#Eval("[Phone_Number]")%> </asp:LinkButton> </div> <div class="ContactListChk" style="float: right;"> <asp:CheckBox ID="chkContactList" runat="server" /> </div> </div> </fieldset> </ItemTemplate> </telerik:RadListView> </asp:Panel> </div> </fieldset> </div> <div id="ContactDetails"> <div id="ContactDetailsTab"> <fieldset class="flsContactDetails" style="float: left; width: 980px; min-height: 400px; margin-left: 3px; padding-left: 7px; padding-top: 5px; padding-bottom: 5px; border: 0px;"> <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" UnSelectChildren="True" Skin="CustomTabStripOffice2007" EnableEmbeddedSkins="false" ClickSelectedTab="True" AutoPostBack="True" SelectedIndex="0" Font-Size="10pt" Width="980px"> <Tabs> <telerik:RadTab runat="server" Text="<%$ Resources:LanguageResource, rDetails%>" Width="120px" PageViewID="RadPageView1" Selected="True"> </telerik:RadTab> <telerik:RadTab runat="server" Text="<%$ Resources:LanguageResource, rSecurity%>" Width="120px" PageViewID="RadPageView2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="<%$ Resources:LanguageResource, rUsage%>" Width="120px" PageViewID="RadPageView3"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage ID="RadMultiPage1" CssClass="rpvContactDetails" runat="server" SelectedIndex="0" Width="980px" Height="100%"> <telerik:RadPageView ID="RadPageView1" runat="server"> <%--<asp:Button ID="btnEdit" runat="server" Text="Edit" CssClass="btnEdit" SkinID="Black" OnClick="btnEdit_Click" Height="22px" />--%> <div id="ContactDetailsData"> <fieldset class="fsContactSubDetails"> <div style="float: right; padding-right: 30px;"> <asp:Button ID="btnEdit" runat="server" Text="Edit" CssClass="cssButton_Black" OnClick="btnEdit_Click" Height="22px" /> </div> <div id="ContactMasterInfo"> <div id="ContactMasterInfoLeft" style="width: 475px; float: left"> <div id="Image" style="width: 60px; height: 60px; float: left"> <asp:Image ID="imgContactDetails" runat="server" ImageUrl="Images/User.png" Width="50px" Height="50px" /> <%--<telerik:RadListView ID="rdContactImage" runat="server" Width="50px" Height="50px"> <itemtemplate> <telerik:RadBinaryImage runat="server" ID="rdbiContactImage" DataValue='<%#Eval("[Contact_Image]") %>' AutoAdjustImageControlSize="false" Width="50px" Height="50px" ToolTip='<%#Eval("[Contact_Image]", "Photo of {0}") %>' AlternateText='<%#Eval("Contact_Image", "Photo of {0}") %>' /> </itemtemplate> </telerik:RadListView>--%> </div> <ul> <li><strong> <asp:Label ID="lblFirstName" runat="server"></asp:Label> <asp:Label ID="lblLastName" runat="server"></asp:Label> </strong></li> <li> <asp:Label ID="lblCompanyName" runat="server"></asp:Label> </li> <li> <asp:Label ID="lblJobTitle" runat="server"></asp:Label> </li> </ul> </div> <div id="ContactMasterInfoRight" style="width: 475px; float: left"> <ul> <li> <asp:Label ID="lblTitleUserID" runat="server" CssClass="cssLabelTitle" Text="User ID: "></asp:Label> <asp:Label ID="lblUserID" runat="server"></asp:Label> </li> <li> <asp:Label ID="lblTitleUserType" runat="server" CssClass="cssLabelTitle" Text="User Type: "></asp:Label> <asp:Label ID="lblUserType" runat="server"></asp:Label> </li> </ul> </div> </div> </fieldset> <fieldset class="fsContactSubDetails"> <div id="ContactPersonalsInfo" style="width: 950px; float: left"> <div id="ContactPersonalsInfoLeft" style="width: 475px; float: left;"> <ul> <li> <asp:Label ID="lblTitleJobTitle" runat="server" CssClass="cssLabelTitle" Text="Job Title: "></asp:Label> <asp:Label ID="lblJobTitle1" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblTitleAssistant" runat="server" CssClass="cssLabelTitle" Text=" Assistant:"></asp:Label> <asp:Label ID="lblAssistant" runat="server" Text=""></asp:Label> </li> </ul> </div> <div id="ContactPersonalsInfoRight" style="width: 475px; float: left"> <ul> <li> <asp:Label ID="lblTitleBirthDay" runat="server" CssClass="cssLabelTitle" Text="Birth Day: "></asp:Label> <asp:Label ID="lblBirthDay" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblTitleNickName" runat="server" CssClass="cssLabelTitle" Text="Nick Name: "></asp:Label> <asp:Label ID="lblNickName" runat="server" Text=""></asp:Label> </li> </ul> </div> </div> </fieldset> <fieldset class="fsContactSubDetails"> <div id="ContactWebAddressInfo"> <div id="ContactWebAddressInfoLeft" style="width: 475px; float: left"> <ul> <li> <asp:Label ID="lblTitlePrimaryEmail" runat="server" CssClass="cssLabelTitle" Text="Primary Email: "></asp:Label> <asp:HyperLink ID="hlPrimaryEmail" runat="server"></asp:HyperLink> <%--<a id="mailtoPrimaryEmail" href="mailto:" > <asp:Label ID="lblPrimaryEmail" runat="server" Text=""></asp:Label> </a>--%> </li> <li> <asp:Label ID="lblTitleBusinessEmail" runat="server" CssClass="cssLabelTitle" Text="Business Email: "></asp:Label> <asp:HyperLink ID="hlBusinessEmail" runat="server"></asp:HyperLink> <%--<a id="mailtoBusinessEmail" href="mailto:"> <asp:Label ID="lblBusinessEmail" runat="server" Text=""></asp:Label> </a>--%> </li> </ul> </div> <div id="ContactWebAddressInfoRight" style="width: 475px; float: left"> <ul> <li> <asp:Label ID="lblTitleWebSite" runat="server" CssClass="cssLabelTitle" Text="Web Site: "></asp:Label> <%--//<asp:Label ID="lblWebSite" runat="server" Text=""></asp:Label>--%> <asp:HyperLink ID="hlWebsite" runat="server" Target="_blank"> </asp:HyperLink> </li> <li> <asp:Label ID="Label17" runat="server" Text=""></asp:Label> <asp:Label ID="Label18" runat="server" Text=""></asp:Label> </li> </ul> </div> </div> </fieldset> <fieldset class="fsContactSubDetails"> <div id="ContactAddressAndPhonesInfo" style="width: 950px; float: left"> <div id="ContactAddressInfo" style="width: 475px; float: left"> <ul> <asp:Label ID="lblTitleAddress1" runat="server" CssClass="cssLabelTitle" Text="Work: "></asp:Label> <li> <asp:Label ID="lblDescription1" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblStreetOne1" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblStreetTwo1" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblCity1" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblPostalCode1" runat="server" Text=""></asp:Label> </li> </ul> <br /> <br /> <ul> <asp:Label ID="lblTitleAddress2" runat="server" CssClass="cssLabelTitle" Text="Home: "></asp:Label> <li> <asp:Label ID="lblDescription2" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblStreetOne2" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblStreetTwo2" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblCity2" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblPostalCode2" runat="server" Text=""></asp:Label> </li> </ul> </div> <div id="ContactPhonesInfo" style="width: 475px; float: left"> <ul> <li> <asp:Label ID="lblTitleHomePhone" runat="server" CssClass="cssLabelTitle" Text="Home Phone: "></asp:Label> <asp:Label ID="lblHomePhone" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblTitleWorkPhone" runat="server" CssClass="cssLabelTitle" Text="Work Phone: "></asp:Label> <asp:Label ID="lblWorkPhone" runat="server" Text=""></asp:Label> </li> <li> <asp:Label ID="lblTitleMobilePhone" runat="server" CssClass="cssLabelTitle" Text="Mobile Phone: "></asp:Label> <asp:Label ID="lblMobilePhone" runat="server" Text=""></asp:Label> </li> </ul> </div> </div> </fieldset> </div> </telerik:RadPageView> <telerik:RadPageView ID="RadPageView2" runat="server"> </telerik:RadPageView> <telerik:RadPageView ID="RadPageView3" runat="server"> </telerik:RadPageView> </telerik:RadMultiPage> </fieldset> <%-- <%#Eval("[User_ID]")%>--%> </div> </div> </div> </telerik:RadAjaxPanel> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Black"> </telerik:RadAjaxLoadingPanel> </form> </body> </html> 
RadTreeNode category1 = new RadTreeNode("Group1", "Group1"); RadTreeNode Category1Nodes; RadTreeNodeCollection radCollection = new RadTreeNodeCollection(category1); for (int i = 10 - 1; i >= 0; i--) { Category1Nodes = new RadTreeNode(i.ToString(), i.ToString()); category1.Nodes.Add(Category1Nodes); } RadTreeView1.Nodes.Add(category1); RadTreeNode category2 = new RadTreeNode("Group2", "Group2"); RadTreeNode Category2Nodes; radCollection = new RadTreeNodeCollection(category2); for (int i = 5 - 1; i >= 0; i--) { Category2Nodes = new RadTreeNode(i.ToString(), i.ToString()); category2.Nodes.Add(Category2Nodes); } RadTreeView1.Nodes.Add(category2);