Skip to content

Instantly share code, notes, and snippets.

@scottopolis
Last active June 26, 2017 22:00
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save scottopolis/c4cc3428a1802231724a994a5f5ab218 to your computer and use it in GitHub Desktop.
Save scottopolis/c4cc3428a1802231724a994a5f5ab218 to your computer and use it in GitHub Desktop.
Custom HTML example code for AppPresser 3
<!-- A bunch of random sample code you can use in custom HTML pages -->
<!-- Just a normal card -->
<ion-card>
<ion-card-header>
Card Header
</ion-card-header>
<ion-card-content>
<p>My Custom demo page</p>
</ion-card-content>
</ion-card>
<!-- A list with a static item, then displaying your menu items underneath -->
<ion-list>
<ion-item>
<ion-avatar item-left>
<img src="img/icon-user-default.png">
</ion-avatar>
<h2>Frank</h2>
<p>Is great.</p>
</ion-item>
<ion-item (click)="updateData()">
<ion-icon name="refresh" item-left></ion-icon>
Update Data
</ion-item>
<button ion-item *ngFor="let p of pages.menus.items" (click)="pushPage(p)" [ngClass]="p.extra_classes">
<ion-icon *ngIf="p.class" name="{{p.class}}" item-left></ion-icon>
{{p.title}}
</button>
</ion-list>
<!-- A fab sharing button with different types of links. The first opens the in app browser, second is social sharing, third opens an app page -->
<ion-fab right bottom>
<button ion-fab><ion-icon name="arrow-dropleft"></ion-icon></button>
<ion-fab-list side="left">
<button ion-fab onclick="window.open('https://apppresser.com', '_blank')"><ion-icon name="globe"></ion-icon></button>
<button ion-fab onclick="window.plugins.socialsharing.share('This!')"><ion-icon name="logo-twitter"></ion-icon></button>
<button ion-fab (click)="pushPage(pages.menus.items[0])"><ion-icon name="home"></ion-icon></button>
</ion-fab-list>
</ion-fab>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment