I'm using a RadMultiPage control with a few RadPageViews. Inside one of the pages, I would like to have a footer section at the bottom of the page. On the telerik help pages, it says header and footers are possible but I don't see the tag for it.
Here is an example of what I've got:
<telerik:RadMultiPage ID="RadMultiPage1" SelectedIndex="0" runat="server" >
<telerik:RadPageView ID="RadTabDetails" runat="server">
// some code here
// I want a footer here:
<footer> ... </footer>
</telerik:RadPageView>
...
="server">
<telerik:RadMultiPage ID="RadMultiPage1" SelectedIndex="0" runat="server" BorderStyle="Solid" BorderWidth="1" Width="800px" Height="600px">
<telerik:RadPageView ID="RadTabDetails" runat="server">
5 Answers, 1 is accepted
Can you share more details, perhaps a screenshot how you imagine things to be. Indeed it's quite easy to add header / footer, but I need to see a mockup in order to create the styles.
Regards,
Ivan Zhekov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Rank 1
<body>
Some content here...
<footer>
Copyright 2014...
</footer>
</body>
Looks like telerik does not allow the <footer> tag within the <telerik:RadPageView>. So how could I generate a footer section with like copyright information?
Thanks again
Rank 1
<p class="copyright">© <% =DateTime.Now.Year %> </p>
</footer>
footer {
background-color: #374A3C;
font-size: .8em;
height: 60px;
border-radius: 7px 7px 0px 0px;
background: -webkit-linear-gradient(#82976E,#374A3C); /*For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#82976E,#374A3C); /*For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#82976E,#374A3C); /* For Firefox 3.6 to 15 */
background: linear-gradient(#82976E,#374A3C);
}
like that?
Rank 1
The following code does not work. The copyright shows up at the top of the page and not the bottom. How can I make it show up at the bottom?
<telerik:RadMultiPage ID="RadMultiPage1" SelectedIndex="0" runat="server">
<telerik:RadPageView ID="RadTabDetails" runat="server">
<p>Lorem ipsum…</p>
<footer>© 2014</footer>
</telerik:RadPageView>
</telerik:RadMultiPage>
Rank 1