Change Size of RadMultiPage of tab strip

5 posts, 1 answers
  1. Pouya
    Pouya avatar
    10 posts
    Member since:
    Dec 2011

    Posted 11 Jan 2012 Link to this post

    Dear telerik support,
    hi
    i have a problem with RadMultiPageof a tabstrip and this is it:
    im loading 2 RadMultiPages with different content and the contents have different height 
    if i set the the height of  RadMultiPage equal to my bigger content the i have a really bad white space in my second tab
    and if set the height to the smaller one the bigger content mixes into other part of page 

    how can i change the size of RadMultiPage (or actually set size for each RadPageView ) so that i dont have white space or mixing blocks

    i know maybe i should use update panel but i appreciate if you show me how can i do it 

    Best regards
  2. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    1102 posts

    Posted 11 Jan 2012 Link to this post

    Hello Pouya,

    Try setting the Height property of the individual PageViews. Here's an example:

    <telerik:RadPageView Height="200" ID="RadPageView1" runat="server"></telerik:RadPageView>
    Greetings,
    Bozhidar
    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
  4. Pouya
    Pouya avatar
    10 posts
    Member since:
    Dec 2011

    Posted 11 Jan 2012 Link to this post

    thanx it works fine :) 
  5. Ron
    Ron avatar
    1 posts
    Member since:
    Mar 2012

    Posted 30 Jul 2012 Link to this post

    How to change size at client-side?
  6. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 01 Aug 2012 Link to this post

    Hi Pouya,

    In order to set the height of the RadPageView dynamically, you could use the RadTabStrip's client event - OnClientTabSelected in a following manner :

    <script type="text/javascript">
           function OnClientTabSelected(sender, args) {
               var MultiPage = $find('<%= RadMultiPage1.ClientID %>');
               var PageView = MultiPage.get_selectedPageView();
               PageView.get_element().style.height = "3000px";
           }
            
    </script>

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