comapedrosa / ionic-timeline

Simple Ionic timeline

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>

Timeline dark pictures

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

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