This is a migrated thread and some comments may be shown as answers.

2 headers in app

2 Answers 95 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Stefan asked on 02 Jan 2014, 04:36 PM

Hi,

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>

</div>

</header>

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

</div>

</footer>

</section>

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,
Stefan

2 headers in app

2 Answers, 1 is accepted