@priteshpmehta wrote:
Hi all,
I have following structue in app.
Index.html
<!DOCTYPE html>
<!-- ionic/angularjs js --> <script src="lib/ionic/js/ionic.bundle.js"></script> <!-- cordova script (this will be a 404 during development) --> <script src="cordova.js"></script> <script src="js/app.js"></script> <script src="js/common.js"></script>
<ion-nav-bar class="bar-custom" align-title="center"> <ion-nav-back-button>Back</ion-nav-back-button> </ion-nav-bar> <ion-nav-view></ion-nav-view> <ion-footer-bar align-title="center" class="bar-custom"> <h1 class="footer-title">Title</h1> </ion-footer-bar>
Login.html
<ion-view view-title="Login">
<div class="list"> <label class="item item-input"> <span class="input-label">Customer ID</span> <input type="text" ng-model="user.custID"> </label> <label class="item item-input"> <span class="input-label">Password</span> <input type="password" ng-model="user.password"> </label> </div> <div class="padding"> <button class="button button-block button-custom" ng-click="login(user)">Sign-In</button> </div>
Mainpage.html
<ion-view hide-nav-bar="true">
This is my main page... i don't want header and footer in this page. I can hide header but not footer.
As you see above i have specified header and footer in Index.html... i want header and footer text to be overwrite with login.html page but i want to disappear header and footer in mainpage.html. I have used hide-nav-bar to hide the header but i am unable to hide footer...
Please give me some solution or guide to fulfill my requirement.
Thank you.
Posts: 15
Participants: 2