CODEWITHSUNDEEP
jquery-mobile
Phillip Senn
Phillip Senn

Reputation: 47595

jQuery mobile footer with different rules than header

The documentation says 

The footer bar has the same basic structure as the header except it uses the data-role attribute value of footer.

But this fiddle shows that I can't put controls in the footer the same way as I can the header.

Q: How can I write a footer such that there is text followed by an h1 tag followed by text, and they are all on the same line?

Upvotes: 0

Views: 35

Answers (1)

ezanker
ezanker

Reputation: 24738

You can use the same classes jQM applies to the header elements (ui-btn-left, ui-title, ui-btn-right):

<div data-role="footer">
    <a href="JavaScript:;" class="ui-btn-left" >c</a>
    <h3 class="ui-title">Footer</h3>
    <a href="JavaScript:;" class="ui-btn-right" >d</a>
</div>

Here is your updated fiddle: http://jsfiddle.net/ezanker/mXjHJ/86/

Upvotes: 1

Related Questions