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

[Deepak Vasudevan]

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.

[Kate]

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

[Deepak Vasudevan]

Dear Kate,

The first looks reasonable and elegant. Is there an example or code snippet that you help sharing out?

[Casey]

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 --%>

[Deepak Vasudevan]

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?

[Casey]

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

[Kate]

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