menu

Ionic cheatsheet

  • date_range 18/09/2015 06:45 info
    sort
    Ionic
    label
    Ionic
  1. How to hide back button from a view.To hide ionic back button on desired page use following code inside ion-view tag.
<ion-view hide-back-button="true">
</ion-view>
  1. How to navigation bar in a view To hide navigation bar on a desired view use following code inside ion-view tag.
<ion-view hide-nav-bar="true">
</ion-view>
  1. Scss to move title from top
.bar {
  .title {
    margin-top: 4px;
  }
}
  1. Scss to use an image on ionic full screen
.fullscreen-image {
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}