Skip to content


Subversion checkout URL

You can clone with
Download ZIP


Header Buttons: Support submit, reset, and input buttons in header toolbars #4643

wants to merge 1 commit into from

2 participants


Hi @uGoMobi!
Can you this give a look please?
Adding any type of button to the header breaks the layout:
Thanks Maurice


hi Maurice!

When I added "button" to that selector to fix #4638 I have been thinking about adding form buttons as well.

I decided not to do that because the function looks for immediate children and input type buttons are supposed to be wrapped in a form element.
So it would only aply if the page (data-role="page") itself is the form element and the header contains an input button. I think we are looking at an edge case and wasn't sure if it has negative impact on performance.

People still can get the same styling by adding class ui-btn-left/right to the markup.


As discussed on IRC we close this for now.


(Just shelved)
Thanks @uGoMobi

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
This page is out of date. Refresh to see the latest.
Showing with 1 addition and 1 deletion.
  1. +1 −1  js/widgets/page.sections.js
2  js/widgets/page.sections.js
@@ -52,7 +52,7 @@ $( document ).bind( "pagecreate", function( e ) {
if( role === "header") {
// Right,left buttons
- $headeranchors = $this.children( "a, button" );
+ $headeranchors = $this.children( "a, button, [type='button'], [type='reset'], [type='submit']" );
leftbtn = $headeranchors.hasClass( "ui-btn-left" );
rightbtn = $headeranchors.hasClass( "ui-btn-right" );
Something went wrong with that request. Please try again.