GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - SustainableCommunityDevelopmentHub/ionic-timeline: Simple Ionic timeline

BranchesTags
Open more actions menu
 
 

Latest commit

 

History

6 Commits
6 Commits

Folders and files

NameName
Last commit message
Last commit date
hooks
hooks
 
 
scss
scss
 
 
www
www
 
 
.bowerrc
.bowerrc
 
 
.editorconfig
.editorconfig
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
bower.json
bower.json
 
 
config.xml
config.xml
 
 
gulpfile.js
gulpfile.js
 
 
ionic.project
ionic.project
 
 
package.json
package.json
 
 

Repository files navigation

Ionic timeline

###Demo ###View on ionic market

Ionic timeline is a simple yet useful plugin that allows you to create a simple customizable timeline/feed for your ionic apps.

  • Easy to customize
  • Supports icons as well as images
  • Works with all the platforms that ionic supports
  • Simple code
  • Easy to include in your existing app
  • Compatible with your existing code.

Details

Include the timeline.css file into your project.

That's it!

This feed works with a simple ng-repeat within a section as you will see in the code.

     <section id="cd-timeline" class="cd-container">
       <div ng-repeat="activity in timeline">
           ...
       </div>
     </section>

You can choose between pictures cd-timeline-picture or icons cd-timeline-icon it is just this simple. As for the content just add cd-timeline-content.

Examples

Timeline royal icons

<div class="cd-timeline-icon royal">
   ...
</div>
<div class="cd-timeline-content royal">
   ...
</div>

alt text

Timeline dark pictures

<div class="cd-timeline-picture dark">
   ...
</div>
<div class="cd-timeline-content dark">
   ...
</div>

alt text

Download the project and see how it works or view our demo!

Development

Made with love by the myBeweeg team this timeline is an ionic adaptation of this timeline

Version 0.2

  • Even easier to switch between icons and pictures no need for additional classes just:
    • cd-timeline-picture
    • cd-timeline-icon

Twitter: https://twitter.com/marc_campg

About

Simple Ionic timeline

Resources

Readme
Activity
Custom properties

Stars

0 stars

Watchers

2 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.