Top part of master page become invisible when tab key pressed

2 posts, 0 answers
  1. Priya
    Priya avatar
    144 posts
    Member since:
    Jul 2008

    Posted 10 Nov 2009 Link to this post

    When I press tab key and when the content page get vertically scrolled,the top part of my master page becomes invisible..I find out the problem.It is because wh have set body height=100% in the masterpage.but when i removed that height,the page is not fully strechted.
    I have used the radSpitters here.
    The code is
    <%@ Master Language="VB" CodeFile="Master.master.vb" Inherits="Master" %> 
        <style type="text/css">    
    html, body, form    
    height: 100%;    
    width: 100%;  
    margin: 0px;    
    padding: 0px;    
    overflow: hidden;  
        <div id="topdiv" style="height: 66px;" runat="server">  
               <asp:UpdatePanel ID="alertupdatepanel" runat="server">  
                <div class="topmenu" id="topmenu" runat="server">  
                 <ul id="ul1" runat="server">  
                  li class="messages"><href="#">Messages</a></li>  
                    <div class="logout">  
                    <href="logout.aspx" id="lnkLogOut" runat="server">Logout</a> 
                <div id='content' style="margin: 0 auto; width: 100%; height: 100%; background-color: #FFFFFF; overflow: hidden;">  
                    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" Style="background-color: #FFFFFF; border: none !important" Skin="newstyle" EnableEmbeddedSkins="false" VisibleDuringInit="false">  
       <telerik:RadPane ID="LeftPane" runat="server" Width="160px" Height="100%">  
              <div class="leftmenu">  
               <div class="leftmenuinner">  
              <telerik:RadAjaxPanel runat="server" ID="radajaxpanelmenu" Width="160px">  
      <telerik:RadPanelBar runat="server" ID="RadPlBMasterMenu" PersistStateInCookie="false" Skin="newstyle" EnableEmbeddedSkins="false">  
     <CollapseAnimation Duration="100" Type="None" /> 
        <ExpandAnimation Duration="100" Type="InBounce" /> 
         <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Height="100%" /> 
        <telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="none" Height="100%">  
        <div id="rightcontent" style="width: 100%">  
       <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">  
    Plz help me..I m very much confused  

    Plz help me..I m very much confused  
  2. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 13 Nov 2009 Link to this post

    Hello Priya,

    I am afraid that the provided information was not enough to completely understand your setup and  the problem. I built up a test demo based on your explanations - it uses your master page and a content page with scrolling content but when I press tab nothing happens. That is why I believe that you should provide some more information about your setup.

    What I can suggest is that you open the attached test demo, modify it in order to reproduce the issue and after you succeed, post the full source code of the two pages along with very detailed reproduction instructions and explanations. Once I am able to observe the problem locally I will do my best to help. 

    Best wishes,
    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. DevCraft R3 2016 release webinar banner
Back to Top