Can I have two different App bars in a Metro App?

Question

I have two different scenario in my metro app and for each I need to use a different App bar.

Is there a way I can have two App bars and use them as required?

Answer 1

I managed to find a solution by disabling / enabling appbars accordingly

var appbar = document.getElementById('appBar');
var appbarControl = appbar.winControl;
appbarControl.disabled = true;


var appbar2 = document.getElementById('appBar2');
var appbarControl2 = appbar2.winControl;
appbarControl2.disabled = false;