2 headers in app

3 posts, 1 answers
  1. Answer
    Stefan avatar
    14 posts
    Member since:
    Dec 2013

    Posted 02 Jan 2014 Link to this post


    I'm trying to build an app that has a listview to show some categories of information. It has a basic layout like this.

    <section data-role="layout" data-id="default" data-platform="ios">
        <header data-role="header">
            <div data-role="navbar">
                <span data-role="view-title"></span>
                <a data-role="backbutton" data-align="left">Back</a>
        <!--View content will render here-->
        <footer data-role="footer">
            <div data-role="tabstrip">
                <a data-role="button" data-icon="organize" ref="">Secrets</a>
                <a data-role="button" data-icon="compose" href="">Place a secret</a>
                <a data-role="button" data-icon="contacts" href="">Profile</a>

    The problem is I want to add a buttongroup to the header so that its possible to select between two modes for this application, one button has show categories and the other button show everything. If i try to add a buttongroup to the header, the buttons overlap the title and it looks bad. Ideal I want to have a second header under the navbar that has the buttongroup. Is this possible and how?

    Kind Regards,
  2. Pavel Kolev
    Pavel Kolev avatar
    26 posts

    Posted 03 Jan 2014 Link to this post

    Hi Stefan,

    If you are using Kendo UI Mobile you can benefit from TabStrip. If you are using jQuery Mobile for your project you can try the Navbar. Both works great when combined with additional header of footer.

    Pavel Kolev
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
  3. Stefan
    Stefan avatar
    14 posts
    Member since:
    Dec 2013

    Posted 07 Jan 2014 Link to this post

    Thank you,. That was exactly what I needed.
Back to Top