Vertical Timeline

Vertical Timeline

Vertical Timeline

$9.00

Not yet rated
Gayan Pathirana

Gayan Pathirana

Member since 2016

Details

Version:
1.0
Size:
17mb
Ionic:
1.x,2.x,3.x
Platforms:
iOS, Android, Windows Phone
Released:
4 years ago
Updated:
3 years ago
Category:
Plugins
Tags:
vertical timeline, vertical, timeline, data, representation, visualization

NOTE: New V2 available here: https://market.ionicframework.com/plugins/vertical-timeline-v2

What is it?

HTML and CSS for the timeline that you see in the screenshots. Lightweight add-on. Download the zip and run ionic serve to try it out.

How to add to my own project?

Just include the following two files into your project

  • CSS: css/vertical-timeline.css
  • HTML: templates/vertical-timeline.html

What's the difference between V1 and V2?

In V1 you just get the HTML and CSS. In V2 the timeline is a component, so you can pass in data as JSON to component.

Approachable

We are friendly devs, so reach out if you need help, or want modifications. Email gayanpa+verticaltimeline@gmail.com

Hey there! You'll need to log in before you can leave a comment here.

Daniel Ehrhardt

Daniel Ehrhardt   ·   4 years ago

Hi i want to buy this product but my credit card is not working can i send you the money with paypal?

Gayan Pathirana

Gayan Pathirana   ·   4 years ago

Hey Daniel, yea we can do that. Send me an email to gayanpa(at)gmail.com and we'll work it out.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

ERNESTO VALLEJO GARCIA

ERNESTO VALLEJO GARCIA   ·   3 years ago

Hi there! Can it work with the ionic-infinite-scroll ?

Gayan Pathirana

Gayan Pathirana   ·   3 years ago

Hi Ernesto, Yes, it will work with infinite scroll. (https://ionicframework.com/docs/api/components/infinite-scroll/InfiniteScroll/) How? Infinite scroll let's you respond to the event that a user has reached the end of the screen. You can use this event to add more items to your list of timeline-rows, and your timeline will grow as you scroll.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Arpit

Arpit   ·   3 years ago

Does it work in ionic 2 as well as ionic 3?

Gayan Pathirana

Gayan Pathirana   ·   3 years ago

Hi Arpit, Yes it will work on those versions as well. The component consists of HTML and CSS that displays a vertical timeline that can have an icon in the middle, with content on one or both sides, and optionally a box wrapping the content as seen in the screenshot. Since it is all HTML and CSS, you won't have any problem using it in new versions of ionic. If you've got some specific requirements, let's chat.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Michal Wojtalewicz

Michal Wojtalewicz   ·   3 years ago

Does the plugin support urls on left / right text lines?

Gayan Pathirana

Gayan Pathirana   ·   3 years ago

The plugin provides HTML, and CSS for the timeline. You can modify the text to be a link or attach a click event to the text, depending on your preference.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

james burns

james burns   ·   a year ago

What about an ionic 4 version? I'd buy that..

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

james burns

james burns   ·   a year ago

What about an ionic 4 version? I'd buy that..

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Michal Wojtalewicz

Michal Wojtalewicz   ·   3 years ago

Does the plugin support urls on left / right text lines?

Gayan Pathirana

Gayan Pathirana   ·   3 years ago

The plugin provides HTML, and CSS for the timeline. You can modify the text to be a link or attach a click event to the text, depending on your preference.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Arpit

Arpit   ·   3 years ago

Does it work in ionic 2 as well as ionic 3?

Gayan Pathirana

Gayan Pathirana   ·   3 years ago

Hi Arpit, Yes it will work on those versions as well. The component consists of HTML and CSS that displays a vertical timeline that can have an icon in the middle, with content on one or both sides, and optionally a box wrapping the content as seen in the screenshot. Since it is all HTML and CSS, you won't have any problem using it in new versions of ionic. If you've got some specific requirements, let's chat.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

ERNESTO VALLEJO GARCIA

ERNESTO VALLEJO GARCIA   ·   3 years ago

Hi there! Can it work with the ionic-infinite-scroll ?

Gayan Pathirana

Gayan Pathirana   ·   3 years ago

Hi Ernesto, Yes, it will work with infinite scroll. (https://ionicframework.com/docs/api/components/infinite-scroll/InfiniteScroll/) How? Infinite scroll let's you respond to the event that a user has reached the end of the screen. You can use this event to add more items to your list of timeline-rows, and your timeline will grow as you scroll.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Daniel Ehrhardt

Daniel Ehrhardt   ·   4 years ago

Hi i want to buy this product but my credit card is not working can i send you the money with paypal?

Gayan Pathirana

Gayan Pathirana   ·   4 years ago

Hey Daniel, yea we can do that. Send me an email to gayanpa(at)gmail.com and we'll work it out.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in and purchase the add-on before you can leave a rating here.

There are no ratings for this plugin yet

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}