codyhouse/horizontal-timeline

An easy to customize, horizontal timeline powered by CSS and JavaScript.

Horizontal Timeline

An easy to customize, horizontal timeline powered by CSS and JavaScript.

Article on CodyHouse

Demo

License

Dependencies

This experiment is built upon the CodyHouse Framework.

Make sure to include both the style.scss and util.js files of the framework.

horizontal-timeline's Issues

Multiple Timelines on same page!

Hi,

Thanks for the great plugin!

I'm trying to use multiple timelines on the same page, but there is some problem in doing that, it doesn't add "selected" class to the 'a' links in the 2nd timeline and thus breaks.

Could you please help me or tell me how to figure it out?

Regards,
Adnan

timeline disappeared without dots and lines

Hi, I am new for here, In my case, I google that this issue and found this article. but I fresh for CSS, don't know how to change this at the .scss file in your project. TX

jquery error Uncaught TypeError: V[a].exec is not a function

This error occurs when I include the JS/main.js.

Problem Iterating events with angular

Hello! I'm trying to iterate my event list with angular ng-repeat but when the timeline is load all events end at the same point, I feel it is that data arrives after the timeline.js runs, anyone knows this issue?

Issue Creating Timeline

Hi!

I created the corresponding folders and added all of the files from "assets" into them.

I then pasted your index.html onto one of my pages, but the timeline did not work.

It also changed the css style of my page.

I want to just add in this timeline onto my own page as if it were an embedded html. Can you help me do this?

Changing the order of timeline

Currently the most recent event is on left, Can we make it configurable for right side.

Timeline with broken structure (css issue?)

Hello,

I'm using your timeline as a Wordpress plugin, but the timeline is being shown unformatted.

See: https://imgur.com/a/HS58muW

The site is on a local environment. If more info is needed, then i can create a repo for the plugin.

Thanks,

Henrique

How to make constant distance between dates ?

I want show transcations made on same date. So how can i change distance between dates to constant?

Autoplay

Ciao claudia,
intanto complimenti per il lavoro. Mi chiedevo se fosse possibile rendere la timeline automatica con una sorta di autoplay.. in modo da farla scorrere da sola senza il click dell'utente.

Timeline starts in the middle of the line - desparately need help!

I am brand new to javascript and just cannot figure this out. The timeline starts 200px into the line and when it displays on mobile there is barely the first date. I cannot see how this calculation is being made and I need to fix it immediately. The site is to go live monday. Any help would be greatly appreciated. The only change I have made to the original script is: eventsMinDistance =120;

The page it is displayed is here. http://acpsales-4218991.hs-sites.com/company

Thank you

not able to use in angularjs, Will you please provide me the directive of this

not able to use in angular js, Will you please provide me the directive of this

How can i change the selected date dynamically?

Hi,

I have tried to change the date in a dynamic way using jquery addClass but with no success.

is there a way?

thank you.

icons and folding panels

Hi when I try to put a bootstrap div with icons inside and js 3 the timeline does not scroll

Same date event not working

With events on the same date, all the events overlap one above the other.