RadPageView - RadMultiPage - how to create a footer area

6 posts, 1 answers
  1. John
    John avatar
    8 posts
    Member since:
    Sep 2014

    Posted 18 Dec 2014 Link to this post

    Not sure where to post this but I'm having a simple question please.

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

     

     

     

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 22 Dec 2014 Link to this post

    Hello,

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. John
    John avatar
    8 posts
    Member since:
    Sep 2014

    Posted 22 Dec 2014 in reply to Ivan Zhekov Link to this post

    I'm needing a simple page with a footer note at the bottom of the page. In basic html, it would be something like:
    <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
  5. Ben
    Ben avatar
    10 posts
    Member since:
    Dec 2014

    Posted 22 Dec 2014 in reply to John Link to this post

                                <footer>
                                    <p class="copyright">&copy; <% =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?
  6. John
    John avatar
    8 posts
    Member since:
    Sep 2014

    Posted 22 Dec 2014 in reply to Ben Link to this post

    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>&copy; 2014</footer>
     </
    telerik:RadPageView>
    </
    telerik:RadMultiPage>

  7. Answer
    Ben
    Ben avatar
    10 posts
    Member since:
    Dec 2014

    Posted 23 Dec 2014 Link to this post

    use CSS
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017