Last active
June 26, 2017 22:00
-
-
Save scottopolis/c4cc3428a1802231724a994a5f5ab218 to your computer and use it in GitHub Desktop.
Custom HTML example code for AppPresser 3
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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