Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Splitter > Zoom RadPane

• richard

  Posted on Dec 16, 2011 (permalink)

  Hi,
  with an IFrame control we are able to zoom the contents with css like so:
  

  #MyFrameID

   

  {

   

  zoom

   

  : 120%;

   

  }
  
  However when I try the same with a RadPane it doesn't zoom the contents of the pane, but zooms the whole control
  I am wondering how I can achieve the same effect with the RadPane?
  
  Basically I want to add zoom in and zoom out controls that will zoom the radpane in an out.
  
  Richard

  Reply

• Dobromir Dobromir

  Posted on Dec 16, 2011 (permalink)

  Hi Richard,
  
  In order to apply CSS to the content of RadPane you need to set CssClass property of the pane and use that class, e.g.:
  

  <style type="text/css">

      .zoomed

      {

          zoom: 200%;

      }

  </style>

  <telerik:RadSplitter ID="RadSplitter1" runat="server">

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

          Pane1 Content

      </telerik:RadPane>

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

          Pane2 Content

      </telerik:RadPane>

  </telerik:RadSplitter>

  
  
  All the best,
  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 > Splitter > Zoom RadPane