ryanfitzgerald / vertical-timeline Goto Github PK

Hi Ryan, Thank you for yourgreat work!
how can I style "content" using bootsrap's grid systm - every div gets "vtimeline"classes, ow to avoid?
Thank you very much and best regards Manfred
example markup:

persönliche Kompetenzen

<

• Teamfähigkeit
• Motivationsfähigkeit
• Analysefähigkeit
• Prozessverständnis
• Entscheidungsfähigkeit
• Kommunikationsfähigkeit
• Initiative
• Durchsetzungsfähigkeit
• unternehmerisches Denken
• Selbststa¨ndigkeit
• Ergebnisorientierung
• Ausgeprägte Moderationsfähigkeit
• Sehr gute Präsentationsfähigkeit
• Verhandlungssicherheit
• zielorientiert, freundlich, bestimmt, diplomatisch

/div>

Hi Ryan,

Great library! I'm trying to override the sides based on some condition in my code as you declared in your docs data-vtside="right" or data-vtside="left" but nothing happens and it just alternates by default.

I am using you timeline jquery no doubt it works awesome but i am face a little bit issue in it when i am trying ShowDate = true this option is not work and couldn't find any html if required. So can you tell me how i will show date in it ?

Hi Ryan and many thanks for your timeline, so well done that I want to use it on my online CV.
I am having an annoying issue with it though. I use it on 2 pages, with 2 different IDs, and the date tag gets duplicated on one of those 2 pages if I reduce the screen size to mobile.
If you have time to debug it, you can see it here http://mobile.chriswillox.com/#experience from a mobile device or just by reducing the size of your desktop window.
I have tried to remove jQuery mobile and other script I use on my page but they don't seem to interfere with yours.
Running out of idea and really hope you could find what is causing this. Many thanks in advance.
Chris

On my IE 11 the additional style is added after Item 5 (6th on wards) style=Opacity:0; which is making all items after 5th record as invisible. Do you have setting so we can set how many items needs to be visible ?

I have a div with the following css:
#timeline{ max-height: 400px; overflow-y:auto; }

when I turn it into a timeline, the following happens:

Seems normal until I scroll the div down:

Summary

Currently, when you add an animation option (i.e.: "fade") and have 2 timelines being generated on the same page, the checkViewport function doesn't call them both.

The README is a little bit out of date, however if you simple open demo.html and see that multiple unique timelines are being generated, you'll notice only one of the bottom two timelines fade in as there is a conflict with the checkViewport function when both on the same page.

If you would like to contribute, simply fork it and make the change.