Page partially disapeared

4 posts, 2 answers
  1. Stephane
    Stephane avatar
    27 posts
    Member since:
    Mar 2009

    Posted 27 Oct 2009 Link to this post

    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?
  2. Answer
    Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 30 Oct 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Izak Joubert
    Izak Joubert avatar
    5 posts
    Member since:
    Jul 2012

    Posted 14 Dec 2010 Link to this post

    Is this issue resolved ? If yes please can you point me to right direction. I am having the same problem within a radgrid. 
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 15 Dec 2010 Link to this post

    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.
Back to Top