DOCUMENTATION FOR IONIC 3 UI TEMPLATE APP – GREEN LIGHT

http://csform.com/documentation-for-ionic-3-ui-template-app-green-light/

DOCUMENTATION FOR IONIC 3 UI TEMPLATE APP – GREEN LIGHT

“Ionic 3 UI Theme / Template App” Documentation by “Creative Studio Form” v1.0

Created: 3 November 17
Last update: 24 November 17
By: Creative Studio Form
Email: [email protected]

Thank you for purchasing our code. If you have any questions or if you need further clarification on any issue, please do not hesitate to let us know via our user page contact form here. We appreciate your confidence in us!

Table of Contents

• • ABOUT APP
  • SETUP
  • HOW TO ADD LIST VIEW COMPONENT
  • EXPANDABLE
    1. EXPANDABLE – List big image
    2. EXPANDABLE – Full image with CTA
    3. EXPANDABLE – Centered with header
  • DRAG AND DROP
    1. DRAG AND DROP – Small item + header
    2. DRAG AND DROP – Small item + header
    3. DRAG AND DROP – Medium item with avatar
  • GOOGLE CARD
    1. GOOGLE CARD – Full image cards
    2. GOOGLE CARD – Styled cards 2
    3. GOOGLE CARD – Styled cards
  • STICKY LIST HEADER
    1. STICKY LIST HEADER – Basic
    2. STICKY LIST HEADER – Product
    3. STICKY LIST HEADER – Post
  • SWIPE TO DISMISS
    1. SWIPE TO DISMISS – Small item + header
    2. SWIPE TO DISMISS – Products + CTA
    3. SWIPE TO DISMISS – Full width image
  • APPEARANCE ANIMATION
    1. APPEARANCE ANIMATION – Fade in left
    2. APPEARANCE ANIMATION – Fade in right
    3. APPEARANCE ANIMATION – Fade in down
    4. APPEARANCE ANIMATION – Fade in
    5. APPEARANCE ANIMATION – Zoom in
  • HOW TO ADD PARALLAX COMPONENT
    1. PARALLAX – News List
    2. PARALLAX – Profile
    3. PARALLAX – Profile
    4. PARALLAX – Product
  • HOW TO ADD LOGIN COMPONENT
    1. LOGIN – Login + logo 1
    2. LOGIN – Login + logo 2
  • HOW TO ADD REGISTER COMPONENT
    1. REGISTER – Register + logo
    2. REGISTER – Register + image
  • HOW TO ADD SPLASHSCREEN PAGE COMPONENT
    1. SPLASH SCREEN – Animation Logo + Ken Burns
    2. SPLASH SCREEN – Logo + fade in + Ken Burns
    3. SPLASH SCREEN – Logo + fade in + Ken Burns
  • HOW TO ADD CHECK BOX COMPONENT
    1. CHECK BOX – Simple
    2. CHECK BOX – With Avatar
    3. CHECK BOX – With Details
  • HOW TO ADD SPINNER COMPONENT
    1. SPINNER
  • HOW TO ADD SEARCH BAR COMPONENT
    1. SEARCH BAR – Simple
    2. SEARCH BAR – Field + header
    3. SEARCH BAR – Field + header 2
  • HOW TO ADD WIZARD COMPONENT
    1. WIZARD – Simple + image
    2. WIZARD – Big image
    3. WIZARD – Big Image + Text
  • HOW TO ADD QR SCANNER COMPONENT
    1. QR SCANNER – Implement
  • HOW TO ADD GOOGLE MAPS COMPONENT
    1. GMAPS + Location Details
    2. GMAPS + About Us
    3. Full Screen View
  • HOW TO ADD RADIO BUTTON COMPONENT
    1. RADIO BUTTON – Simple
    2. RADIO BUTTON – With avatars
    3. RADIO BUTTON – Simple 2
  • HOW TO ADD RANGE COMPONENT
    1. RANGE – BASIC
    2. RANGE – WITH ICONS
    3. RANGE – WITH PREDEFINED STEPS
    4. RANGE – TWO SLIDERS
  • HOW TO ADD TOGGLE COMPONENT
    1. TOGGLE – With avatars
    2. TOGGLE – Simple 2
    3. TOGGLE – Simple
  • HOW TO ADD SELECT COMPONENT
    • SELECT – Single Select
      1. SELECT – Basic dialog
      2. SELECT – One touch dialog
      3. SELECT – With action sheet
      4. SELECT – Two option select
    • SELECT – Multi Select
      1. SELECT Multi – One touch dialog
      2. SELECT Multi – Two option select
  • HOW TO ADD ACTION SHEET COMPONENT
    1. ACTION SHEET – Basic
    2. ACTION SHEET – News
    3. ACTION SHEET – With Text Header
  • HOW TO ADD IMAGE GALLERY COMPONENT
    1. IMAGE GALLERY – Full gallery 1
    2. IMAGE GALLERY – Thumb grid
    3. IMAGE GALLERY – Full gallery 2
  • HOW TO ADD TABS COMPONENT
    1. TABS – Footer tab – text
    2. TABS – Footer tab – icons
    3. TABS – Header tab – text