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

Page partially disapeared

3 Answers 92 Views

Splitter

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

Stephane asked on 27 Oct 2009, 09:08 AM

repeater-problm-1.jpg

repeater-problm-2.jpg

Hi,

I use in my page some RadSplitter and RadPane.

    
            <head runat="server"> 
        
                <title></title> 
        
                <link href="Style/styles.css" rel="Stylesheet" type="text/css" /> 
        
                <link rel="SHORTCUT ICON" href="Style/Images/logo-class-I_browser.ico" /> 
        
                <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" /> 
        
                <style type="text/css"> 
        
                .rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul 
        
                    { 
        
                        width: 100%; 
        
                        display: inline-block; 
        
                        margin: 0; 
        
                        padding: 0; 
        
                        list-style-type: none; 
        
                    } 
        
                    .col1, .col2, .col3 
        
                    { 
        
                        float: left; 
        
                        width: 100px; 
        
                        margin: 0; 
        
                        padding: 0 5px 0 0; 
        
                        line-height: 14px; 
        
                    } 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <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 Path="~/UserClassi.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">         
        
                </telerik:RadAjaxManager> 
        
                <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Default,Zone" /> 
        
                <div> 
        
                    <helpDesk:SkinManager runat="server" ID="RadSkinManager1" ShowChooser="false" Skin="Vista" 
        
                        PersistenceKey="SkinDef" PersistenceMode="Session" OnPreRender="RadSkinManager1_PreRender" /> 
        
                </div> 
        
                <telerik:RadSplitter ID="RadSplitter2" runat="server" Width="100%" BorderSize="0" 
        
                    BorderStyle="None" PanesBorderSize="0" Height="100%" Orientation="Horizontal" 
        
                    VisibleDuringInit="false"> 
        
                    <telerik:RadPane ID="topPane" runat="server" Height="74px" CssClass="toppane"> 
        
                        <div class="header"> 
        
                            <asp:Panel ID="Panel1" runat="server"> 
        
                                <asp:Image ID="ImageLogo" runat="server" ImageUrl="Logo/logo-classi.png" ImageAlign="Middle" /> 
        
                            </asp:Panel> 
        
                            <div class="skin-chooser"> 
        
                                <asp:LoginView ID="LoginView1" runat="server"> 
        
                                    <AnonymousTemplate> 
        
                                        Not authentificated</AnonymousTemplate> 
        
                                    <LoggedInTemplate> 
        
                                        <asp:LoginName ID="LoginName1" runat="server" ForeColor="Black" /> 
        
                                        <asp:LoginStatus ID="LoginStatus1" runat="server" LogoutAction="RedirectToLoginPage" 
        
                                            OnLoggedOut="LoginStatus1_LoggedOut" ToolTip="Déconnexion" /> 
        
                                        <asp:LinkButton runat="server" Visible="false" ID="LinkAdmin" CausesValidation="False"> 
        
                                            <asp:ImageButton ID="ImgAdmin" runat="server" Visible="false" ImageAlign="Middle" 
        
                                                ImageUrl="~/Images/icone_administration.png" CausesValidation="False" /></asp:LinkButton> 
        
                                    </LoggedInTemplate> 
        
                                </asp:LoginView> 
        
                            </div> 
        
                        </div> 
        
                        <telerik:RadMenu ID="RadMenu1" runat="server" Style="float: none; position: absolute; 
        
                            top: 48px; z-index: 3000" Width="100%"              
        
                        CausesValidation="False"> 
        
                        <Items> 
        
                        <telerik:RadMenuItem Text="Application"> 
        
                        <Items> 
        
                            <telerik:RadMenuItem Text="Déconnexion" Value="logout" ImageUrl="Images/exit.gif" 
        
                                PostBack="true" runat="server" NavigateUrl="logout.aspx" /> 
        
                            <telerik:RadMenuItem Text="Page Principale" Value="home" ImageUrl="Images/Home.png" 
        
                                PostBack="false" runat="server" NavigateUrl="Home2.aspx" /> 
        
                        </Items> 
        
                        </telerik:RadMenuItem> 
        
                        </Items> 
        
                    </telerik:RadMenu> 
        
                    </telerik:RadPane>         
        
                    <telerik:RadPane runat="server" ID="contentPane" Scrolling="none" Locked="True"> 
        
                        <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%"> 
        
                            <telerik:RadPane ID="RadPane1" runat="server" Height="100%" Width="200px"  
        
                                MaxWidth="300" Locked="True">                     
        
                                <telerik:RadPanelBar ID="RadPanelBar1" runat="server"  
        
                                    ExpandMode="FullExpandedItem" Height="100%" PersistStateInCookie="True"  
        
                                    Width="100%" onitemclick="RadPanelBar1_ItemClick"> 
        
                                    <Items> 
        
                                        <telerik:RadPanelItem runat="server" Expanded="True" Selected="True"  
        
                                            Text="Groupes" Value="grp" Width="100%" PostBack="false"> 
        
                                            <Items> 
        
                                            <telerik:RadPanelItem runat="server" Text="Liste des groupes"> 
        
                                                </telerik:RadPanelItem> 
        
                                                <telerik:RadPanelItem runat="server" Text="Ajouter un groupe"> 
        
                                                </telerik:RadPanelItem> 
        
                                                <telerik:RadPanelItem runat="server" Text="&Eacute;diter un groupe"> 
        
                                                </telerik:RadPanelItem> 
        
                                            </Items> 
        
                                        </telerik:RadPanelItem> 
        
                                        <telerik:RadPanelItem runat="server" Text="Utilisateurs" PostBack="false"> 
        
                                            <Items> 
        
                                                <telerik:RadPanelItem runat="server" Text="Liste des utilisateurs" Value="userlist"> 
        
                                                </telerik:RadPanelItem> 
        
                                                <telerik:RadPanelItem runat="server" Text="Ajout d'un utilisateur"> 
        
                                                </telerik:RadPanelItem> 
        
                                                <telerik:RadPanelItem runat="server" Text="&Eacute;dition d'un utilisateur" Value="edituser"> 
        
                                                </telerik:RadPanelItem> 
        
                                            </Items> 
        
                                        </telerik:RadPanelItem> 
        
                                        <telerik:RadPanelItem runat="server" Text="Licence"> 
        
                                        </telerik:RadPanelItem> 
        
                                        <telerik:RadPanelItem runat="server" Text="Statistique"> 
        
                                        </telerik:RadPanelItem> 
        
                                    </Items> 
        
                                </telerik:RadPanelBar> 
        
                            </telerik:RadPane> 
        
                            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="None"  
        
                                EnableResize="False" /> 
        
                            <telerik:RadPane ID="RadPane2" runat="server" Height="100%"> 
        
                                <uc1:ListUser ID="ListUser1" runat="server" Visible="false" /> 
        
                                <uc2:EditUser ID="EditUser1" runat="server" Visible="false" /> 
        
                            </telerik:RadPane> 
        
                        </telerik:RadSplitter> 
        
                    </telerik:RadPane> 
        
                </telerik:RadSplitter> 
        
                </form> 
        
            </body> 
        
            </html>

The problem occures in the EditUser control.

    
            %@ Control Language="C#" AutoEventWireup="true" CodeFile="EditUser.ascx.cs" Inherits="EditUser" %> 
        
            <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"> 
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="ButtonSaveSite"> 
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="RepeaterSite" UpdatePanelRenderMode="Block" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy> 
        
            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
        
                <script type="text/javascript"> 
        
                    function UpdateItemCountField(sender, args) { 
        
                        //set the footer text 
        
                        sender.get_dropDownElement().lastChild.innerHTML = "A total of " + sender.get_items().get_count() + " items"; 
        
                    } 
        
                    function linckclick() { 
        
                        alert("ok"); 
        
                    } 
        
                </script> 
        
            </telerik:RadCodeBlock> 
        
            <br /> 
        
            <asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center"> 
        
                <asp:Label ID="Label1" runat="server" Text="Choix de l'utilisateur" AssociatedControlID="RadComboBoxChoixUser"></asp:Label> 
        
                <telerik:RadComboBox ID="RadComboBoxChoixUser" runat="server" DropDownWidth="350px" 
        
                    EmptyMessage="Choisir un utilisateur" EnableLoadOnDemand="true" EnableVirtualScrolling="false" 
        
                    Height="150px" HighlightTemplatedItems="true" MarkFirstMatch="true" OnClientItemsRequested="UpdateItemCountField" 
        
                    OnDataBound="RadComboBoxChoixUser_DataBound" OnItemDataBound="RadComboBoxChoixUser_ItemDataBound" 
        
                    OnItemsRequested="RadComboBoxChoixUser_ItemsRequested" AllowCustomText="false" 
        
                    Width="150px" AutoPostBack="True" OnSelectedIndexChanged="RadComboBoxChoixUser_SelectedIndexChanged"> 
        
                    <HeaderTemplate> 
        
                        <ul> 
        
                            <li class="col2">Nom</li> 
        
                            <li class="col3">Prénom</li> 
        
                            <li class="col1">Pseudo</li> 
        
                        </ul> 
        
                    </HeaderTemplate> 
        
                    <ItemTemplate> 
        
                        <ul> 
        
                            <li class="col2"> 
        
                                <%# DataBinder.Eval(Container.DataItem, "LastName")%></li> 
        
                            <li class="col3"> 
        
                                <%# DataBinder.Eval(Container.DataItem, "FirstName")%></li> 
        
                            <li class="col1"> 
        
                                <%# DataBinder.Eval(Container.DataItem, "Users.UserName")%></li> 
        
                        </ul> 
        
                    </ItemTemplate> 
        
                    <FooterTemplate> 
        
                        A total of 
        
                        <asp:Literal ID="RadComboItemsCount" runat="server" /> 
        
                        items 
        
                    </FooterTemplate> 
        
                </telerik:RadComboBox> 
        
            </asp:Panel> 
        
            <br /> 
        
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" Visible="false"> 
        
                <Tabs> 
        
                    <telerik:RadTab runat="server" Text="Inforamtions générales" PageViewID="RadPageView1"> 
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="Profile" PageViewID="RadPageView2"> 
        
                    </telerik:RadTab> 
        
                    <telerik:RadTab runat="server" Text="Droits" PageViewID="RadPageView3"> 
        
                    </telerik:RadTab> 
        
                </Tabs> 
        
            </telerik:RadTabStrip> 
        
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server"> 
        
                <telerik:RadPageView ID="RadPageView1" runat="server"> 
        
                    <asp:Panel ID="Panel2" runat="server" GroupingText="Activation"> 
        
                        <asp:Table ID="Table1" runat="server"> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150"> 
        
                                    <asp:Label ID="Label2" runat="server" Text="Nom de compte" AssociatedControlID="LabelNomCompte"></asp:Label></asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:Label ID="LabelNomCompte" runat="server" Text=""></asp:Label></asp:TableCell> 
        
                            </asp:TableRow> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150"> 
        
                                    <asp:Label ID="Label3" runat="server" Text="Nom complet" AssociatedControlID="LabelNomComplet"></asp:Label></asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:Label ID="LabelNomComplet" runat="server" Text=""></asp:Label> 
        
                                </asp:TableCell> 
        
                            </asp:TableRow> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150"> 
        
                                    <asp:Label ID="Label4" runat="server" Text="Activation" AssociatedControlID="CheckBoxActif"></asp:Label></asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:CheckBox ID="CheckBoxActif" runat="server" /></asp:TableCell> 
        
                            </asp:TableRow> 
        
                        </asp:Table> 
        
                    </asp:Panel> 
        
                    <asp:Panel ID="Panel3" runat="server" GroupingText="Utilisateur"> 
        
                        <asp:Table ID="Table2" runat="server"> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150"> 
        
                                    <asp:Label ID="Label5" runat="server" Text="Nom" AssociatedControlID="TextBoxNom"></asp:Label> 
        
                                </asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:TextBox ID="TextBoxNom" runat="server"></asp:TextBox></asp:TableCell> 
        
                            </asp:TableRow> 
        
                            <asp:TableRow Width="150"> 
        
                                <asp:TableCell> 
        
                                    <asp:Label ID="Label6" runat="server" Text="Prénom" AssociatedControlID="TextBoxPrenom"></asp:Label> 
        
                                </asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:TextBox ID="TextBoxPrenom" runat="server"></asp:TextBox></asp:TableCell> 
        
                            </asp:TableRow> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150"> 
        
                                    <asp:Label ID="Label7" runat="server" Text="Email" AssociatedControlID="TextBoxEmail"></asp:Label></asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:TextBox ID="TextBoxEmail" runat="server"></asp:TextBox></asp:TableCell> 
        
                            </asp:TableRow> 
        
                        </asp:Table> 
        
                    </asp:Panel> 
        
                    <asp:Panel ID="Panel5" runat="server" GroupingText="Membre"> 
        
                        <asp:Table ID="Table4" runat="server"> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150">Société</asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:Label ID="LabelSoc" runat="server"></asp:Label></asp:TableCell> 
        
                            </asp:TableRow> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150">Groupe</asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:Label ID="LabelGroup" runat="server"></asp:Label></asp:TableCell> 
        
                            </asp:TableRow> 
        
                        </asp:Table> 
        
                    </asp:Panel> 
        
                    <asp:Panel ID="Panel4" runat="server" GroupingText="Authentification"> 
        
                        <asp:Table ID="Table3" runat="server"> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150">Nom de connexion</asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:TextBox ID="TextBoxLogin" runat="server"></asp:TextBox></asp:TableCell> 
        
                            </asp:TableRow> 
        
                            <asp:TableRow> 
        
                                <asp:TableCell Width="150">Mot de passe</asp:TableCell> 
        
                                <asp:TableCell>:</asp:TableCell> 
        
                                <asp:TableCell> 
        
                                    <asp:HyperLink ID="HyperLink1" runat="server" onclick="javascript:linckclick();return false;" 
        
                                        Text="***** (Changement de mot de passe)" Font-Underline="false" ForeColor="Blue" 
        
                                        Style="cursor: pointer"></asp:HyperLink></asp:TableCell> 
        
                            </asp:TableRow> 
        
                        </asp:Table> 
        
                    </asp:Panel> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="RadPageView2" runat="server"> 
        
                    <asp:Panel ID="Panel6" runat="server" GroupingText="Sites"> 
        
                        <asp:Repeater ID="RepeaterSite" runat="server" OnItemDataBound="RepeaterSite_ItemDataBound"> 
        
                            <HeaderTemplate> 
        
                                <table> 
        
                            </HeaderTemplate> 
        
                            <ItemTemplate> 
        
                                <tr> 
        
                                    <td width="150"> 
        
                                        <asp:Label ID="LabelLibSite" runat="server" Text='<%#Eval("DataTextField") %>'></asp:Label> 
        
                                        <asp:HiddenField ID="HiddenFieldSite" runat="server" /> 
        
                                    </td> 
        
                                    <td> 
        
                                        : 
        
                                    </td> 
        
                                    <td> 
        
                                        <asp:CheckBox ID="CheckBoxSite" runat="server" /> 
        
                                    </td> 
        
                                </tr> 
        
                            </ItemTemplate> 
        
                            <FooterTemplate> 
        
                                </table> 
        
                            </FooterTemplate> 
        
                        </asp:Repeater> 
        
                        <asp:Button ID="ButtonSaveSite" runat="server" Text="Sauvegarder" OnClick="ButtonSaveSite_Click" /> 
        
                    </asp:Panel> 
        
                    <asp:Panel ID="Panel7" runat="server" GroupingText="Numérotation Chrono"> 
        
                        <asp:Repeater ID="RepeaterNumChrono" runat="server" OnItemDataBound="RepeaterNumChrono_ItemDataBound"> 
        
                            <HeaderTemplate> 
        
                                <table> 
        
                            </HeaderTemplate> 
        
                            <ItemTemplate> 
        
                                <tr> 
        
                                    <td width="150"> 
        
                                        <asp:Label ID="LabelLibChrono" runat="server" Text='<%#Eval("DataTextField") %>'></asp:Label> 
        
                                        <asp:HiddenField ID="HiddenFieldChrono" runat="server" /> 
        
                                    </td> 
        
                                    <td> 
        
                                        : 
        
                                    </td> 
        
                                    <td> 
        
                                        <asp:CheckBox ID="CheckBoxChrono" runat="server" /> 
        
                                    </td> 
        
                                </tr> 
        
                            </ItemTemplate> 
        
                            <FooterTemplate> 
        
                                </table> 
        
                            </FooterTemplate> 
        
                        </asp:Repeater> 
        
                        <asp:Button ID="ButtonSaveChrono" runat="server" Text="Sauvegarder" OnClick="ButtonSaveChrono_Click" /> 
        
                    </asp:Panel> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="RadPageView3" runat="server"> 
        
                </telerik:RadPageView> 
        
            </telerik:RadMultiPage>

When the repeaters were filling in the second tab, the scroll bar is displayed.

I move to the end of the scroll bar and check the last checkbox from the repeater.
when I check the check box after scrolling, the header (the RadPane with the Id =topane) disapears.

Have you already seen this problem?

3 Answers, 1 is accepted

Accepted

answered on 30 Oct 2009, 12:59 PM

Hello Stephane,

We are aware of a very similar problem which is due to the form decorator control and it is already logged in our TODO for fixing. Would you please test whether setting ControlsToSkip=CheckBoxes for the RadFormDecorator solves the issue? In case it does, please use this solution until the issue is resolved. Otherwise, try removing the whole RadFormDecorator.

If none of the above helps, please, prepare a simple, fully runnable reproduction demo, open a new support ticket and send it to us along with detailed reproduction steps and we will do our best to help.

Regards,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

Accepted

answered on 15 Dec 2010, 12:17 PM

Hello Izak,

I just answered your support ticket on the same subject. For convenience, I am pasting my reply below:

If you believe that is the same problem, then this forum thread will be of help:
http://www.telerik.com/community/forums/aspnet-ajax/form-decorator/gridclientselectcolumn-in-scrollable-radgrid.aspx

If the CSS suggested there does not affect your case, please send us the project Fiko requested and we will check it right away.

Regards,
Georgi Tunev
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Page partially disapeared

3 Answers, 1 is accepted