Is there a way we can define a common footer below tabstrip/multipage?

7 posts, 1 answers
  1. Deepak Vasudevan
    Deepak Vasudevan avatar
    82 posts
    Member since:
    May 2010

    Posted 02 Dec 2011 Link to this post

    Is there a way we can define a common footer below tabstrip/multipage? Basically I would need the footer to cover precisely the same area as the tabs and control them from all the tabs.
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 07 Dec 2011 Link to this post

    Hi Deepak,

    There are two approaches that you could use. The first one is to place the footer after the RadMultiPage control, so that you will have one and the same footer for all the pages. The second one, in case you need it to change on the different tabs, you can place in every RadPageView various footers. Therefore depending on your requirements you could use either of the two approaches for your scenario.

    Greetings,
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Deepak Vasudevan
    Deepak Vasudevan avatar
    82 posts
    Member since:
    May 2010

    Posted 08 Dec 2011 Link to this post

    Dear Kate,

    The first looks reasonable and elegant. Is there an example or code snippet that you help sharing out?
  5. Casey
    Casey avatar
    299 posts
    Member since:
    Jul 2009

    Posted 08 Dec 2011 Link to this post

    I'm not sure I understand what you mean when you say that you want to control the footer from all the tabs? What are you wanting to use for a footer? 

    I believe Kate was stating you could just put the footer after the closing tag for the RadMultiPage. Something like this:

    <telerik:RadTabStrip ID="RadTabStrip1" runat="server">
        <%-- tabs here --%>
    </telerik:RadTabStrip>
     
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server">
         <telerik:RadPageView ID="RadPageView1" runat="server">
                       <%-- content here --%>
         </telerik:RadPageView>
         <telerik:RadPageView ID="RadPageView2" runat="server">
                       <%-- content here --%>
         </telerik:RadPageView>
    </telerik:RadMultiPage>
      
    <%-- put your footer here (table, div, etc...) specify the width to be the same as the tabstrip --%>
  6. Deepak Vasudevan
    Deepak Vasudevan avatar
    82 posts
    Member since:
    May 2010

    Posted 08 Dec 2011 Link to this post

    Dear Casey,

    My requirement is that the width of the footer must exactly match the width of the multi-page. If the multi-page expands because one of its pageview content has more content, so should the footer.

    Keeping it just below without a proper bonding may cause disparities in the widths between the two and it does. Can you help me out please?
  7. Casey
    Casey avatar
    299 posts
    Member since:
    Jul 2009

    Posted 09 Dec 2011 Link to this post

    Deepak,

    Could you post your RadMultiPage/RadPageView code so we can see how you have it setup?  That would help with being able to provide a solution to fit your scenario.

    Thanks,
    Casey
  8. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 13 Dec 2011 Link to this post

    Hello Deepak,

    One way I could think of is to find the RadMultiPage control and get its width using javascript:
    var pv= $find("RadMultiPage1");
    var pvWidth = pv._element.style.width;

    Then you can set the width to the footer (it could be a div tag for example) to the width of the RadMultiPage control using jQuery.

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