Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > PanelBar > SlidePane on the rigth open to Bottom In IE

• July Intermediate

  Posted on Dec 27, 2011 (permalink)

  Hi!...
  some days ago, telerik send me a solution for show slidepane on the right opent to Bottom.
  This works perfectlly in FF but no in IE.
  
  In FF:
  
  
  
  
  
  in IE:
  
  
  
  
  How I can Fix this?
  Thanks!
  

  Reply

• Kate Kate

  Posted on Dec 28, 2011 (permalink)

  Hi Julieta,
  
  Can you please elaborate on your scenario since simply a screenshot of the issue is noy enough for us to replicate the appearance that you do? Can you also clarify which controls you are using - RadSplitter and RadGrid or you use a RadPanelBar as well?
  
  All the best,
  Kate
  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

  Reply


• July Intermediate

  Posted on Dec 28, 2011 (permalink)

  this is Help user control...
  
   <style type="text/css">
          .rightAlignedTabs .rspTabsContainer
          {
              float: right !important;
              border-color:Black;
          }
      </style>
      <script type="text/javascript">
          function OnClientExpanded(spane, args) {
              var paneElement = spane.get_element();
              paneElement.style.left = "1px";
          }        
  
          function OnClientDock(spane, args) {
              var divElement = document.getElementById("containerSubWHelp");
              if (divElement == null) {
                  divElement = document.getElementById("containerSub");                
              }
  
              divElement.style.marginTop = "9%";           
          }
  
          function OnClientUnDock(spane, args) {
              var divElement = document.getElementById("containerSubWHelp");
              if (divElement == null) {
                  divElement = document.getElementById("containerSub");
              }     
              divElement.style.marginTop = "0%";
              
          }        
          </script>
  
   <div  style="float:left;  width:100%; position:absolute; top:0; left:2.1%;background-color:transparent">
  
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%"  Skin="Vista" >
   
            
                  <telerik:RadPane ID="Radpane1" runat="server" Height="19px" Scrolling="none"  Width="100%" CssClass="rightAlignedTabs" >
                      <telerik:RadSlidingZone ID="Radslidingzone2" runat="server"  Width="100%" SlideDirection="Bottom">
                          <telerik:RadSlidingPane ID="Radslidingpane4" Title="Help" Width="100%" runat="server" Height="110px" OnClientExpanded="OnClientExpanded" OnClientUndocked="OnClientUnDock" OnClientDocked="OnClientDock">
                              <div  style="font-size:9px; font-family:inherit;">
                                  <ul id="ulHelp" runat="server" style="font-size:9px; font-family:inherit">
                                      
                                  </ul>
                              </div>
                              <div><asp:LinkButton CssClass="containerRegistration link" runat="server" ID="lnkReadMore" Enabled="false" ></asp:LinkButton></div>
                               </telerik:RadSlidingPane>
                               </telerik:RadSlidingZone>
                               </telerik:RadPane>       
                 
              </telerik:RadSplitter>
  </div>
  
  And this is the inital post closed.
  
  http://www.telerik.com/community/forums/aspnet-ajax/splitter/sildepane-on-the-rigth-open-to-bottom.aspx
  
  thanks
  

  Reply

• Dobromir Dobromir

  Posted on Jan 3, 2012 (permalink)

  Hi Julieta,
  
  In the provided code snippet I noticed the following issues:
  

  1. RadSplitter's Height is set to 100% but its direct parent does not have set height explicitly - this will prevent the splitter to calculate its size correctly.
  2. The SlideDirection property of the sliding zone is set to Bottom - this configuration is correct only for a horizontal oriented splitter.
  3. The provided splitter declaration contains a single RadPane which is not valid splitter configuration, and this may unexpected behavior of the control.
  4. OnClientDock and OnClientUndock handlers throw a JavaScript error - divElement variable is null. This is due to the fact that no HTML elements with the corresponding IDs are present in the provided markup.

  
  Could you please provide more detailed information on what exactly you are trying to achieve, so we can try to provide the correct approach to fix the above issues?
  Regards,
  Dobromir
  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

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > PanelBar > SlidePane on the rigth open to Bottom In IE