Zoom RadPane

2 posts, 0 answers
  1. richard
    richard avatar
    38 posts
    Member since:
    May 2011

    Posted 16 Dec 2011 Link to this post

    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

  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 16 Dec 2011 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top