Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > Resize SlidingPane width according to browser window.

• TSM

  Posted on Jun 12, 2010 (permalink)

          Hi,
              I have a RadSlidingPane inside a Splitter which is not resizing according to the browser window.I have set the RadSlidingPane width to 100%.But its not working.How to solve this?? Below is the code i have used.
  
  <telerik:RadSplitter  runat="server" Width="100%" Height="700px">
                 <telerik:RadPane ID="RadPane1" runat="server" Width="100%">
                </telerik:RadPane>
                <telerik:RadPane ID="RadPane2" runat="server" >
                 <telerik:RadSlidingZone runat="server" ClickToOpen="true"  SlideDirection="Left" Width="20px">
                      <telerik:RadSlidingPane runat="server" Width="100%">
                           <table border="1px" width="100%" style="height: 650px">
                              <tr>
                                  <td style="width: 85%">
                                        </td>
                                  <td style="width: 15%">
                                      </td>
                              </tr>
                          </table>
                      </telerik:RadSlidingPane>
                  </telerik:RadSlidingZone>
                </telerik:RadPane>
               </telerik:RadSplitter  >
  Regards Titti.
  

• Tsvetie Tsvetie

  Posted on Jun 16, 2010 (permalink)

  Hello Titti,
  The RadSlidingPane control does not support size in percentages. You can use the client-side API of the control, however, to achieve the described result. For example:
  

  <telerik:radsplitter ID="RadSplitter1" runat="server" width="100%" height="700px">

      <telerik:RadPane ID="RadPane1" runat="server">

      </telerik:RadPane>

      <telerik:RadPane ID="RadPane2" runat="server" Width="22px" Scrolling="None">

      <telerik:RadSlidingZone runat="server" ClickToOpen="true"  SlideDirection="Left" Width="20px">

          <telerik:RadSlidingPane runat="server" Width="100%" OnClientExpanding="OnClientExpanding">

                  <table border="1px" width="100%" style="height: 650px">

                  <tr>

                      <td style="width: 85%">

                              </td>

                      <td style="width: 15%">

                          </td>

                  </tr>

              </table>

          </telerik:RadSlidingPane>

      </telerik:RadSlidingZone>

      </telerik:RadPane>

  </telerik:radsplitter>

  <script type="text/javascript">

  function OnClientExpanding(sender, args)

  {

      var splitter = $find("<%= RadSplitter1.ClientID %>");

      sender.set_width(parseInt(splitter.get_width()) - 25);

  }

  </script>

  
  
  Kind regards,
  Tsvetie
  the Telerik team

  
  Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Splitter > Resize SlidingPane width according to browser window.