Back button not working as intended

[Jonathan_G_3]

Hello,

I'm having an issue with the back button on the headers in the Intel XDK environment.  I have my header set up with class="button" and it works fine except for I don't have the back button icon (chevron).  Now if I change it to class="backButton" I get the back button icon (chevron) but the back button doesn't work very well.  What happens is it goes back for a brief second then jumps forward to the page you were just on minus the header.  It might just be something simple I am overlooking but not sure...

Below is a sample of my header code:

 Working:

        <header class="wrapping-col wrap-element uib_w_11 with-back" data-uib="app_framework/header" data-ver="2" id="contactsheader">
            <h1>Contacts</h1><a href="#homepage" class="button" id="contactsButton"></a>
        </header>

Not working:

       <header class="wrapping-col wrap-element uib_w_11 with-back" data-uib="app_framework/header" data-ver="2" id="contactsheader">
            <h1>Contacts</h1><a href="#homepage" class="backButton" id="contactsButton"></a>
        </header>

    Thanks.

[Amrita_C_Intel]

Hello,

I am assuming that you upgraded to XDK V 2170.

You should use button backbutton instead of just button.

I tried and it worked.

<header class="wrapping-col wrap-element uib_w_1" data-uib="app_framework/header" data-ver="2" id="af-header-0">
            <h1></h1>
        </header>
        <header class="wrapping-col wrap-element uib_w_2 with-back" data-uib="app_framework/header" data-ver="2" id="af-header-1"><a class="button backButton">Back</a>
            <h1>SECOND</h1>
        </header>

Or you can include back button through UI also. Please  see the screenshot. 

[Jonathan_G_3]

Yes I have upgraded to version 2170.  I did that earlier since I was browsing the forums and found that might fix the issue which it did not. 

I have also tried using class="button backButton" which was generated when I used the UI to create the header initially and that's when I found the problem.  Changing that to class="button" seemed to work fine but did not have an icon or anything, just the word 'Back' if I put it in there, to indicate that a back button was present and it works fine.  It seems to be whenever I try to add in the chevron icon to the back button that it doesn't seem to work.