Skip to Content
avatar image
Former Member

UI5 timeline implementation

Hi All,

I am trying to implement Timeline using ui5 controls.

But my requirement is data should be on both the sides of the Timeline. I mean alignment should both left and right (alternatively)

Please let me know how to achieve this functionality.

Thanks and regards.

Abhishek Bajaj.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Best Answer
    Oct 19, 2015 at 02:13 PM

    Hi Abhishek,

    Use a HBox and place two time lines in items aggregation and set the property of justifyContent to 'SpaceBetween'. Check this Sample: Plunker

    Regards,

    Sai Vellanki.

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member

      Hi Sai,

      Thanks for your reply.
      But your implementation have 2 timeline graphs.

      I am looking for a timeline implementation which has 1 timeline and node on either side of the timeline (alternate - Left & Right).

      Thanks & regards,

      Abhishek Bajaj.

  • avatar image
    Former Member
    Oct 23, 2015 at 01:17 PM

    Hi All,

    Got the solution for it.
    As suggested by SAI we can use 2 timeline in a HBox, and using CSS we can hide the timeline.

    Thanks & Regards,

    Abhishek Bajaj.

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Nov 25, 2015 at 09:39 AM

    Dear All,

    Can anyone help me out to implement this particular timeline in UI5.

    Find attached the image of timeline

    Thank and regards,

    Abhishek Bajaj.


    timeline.png (51.5 kB)
    Add comment
    10|10000 characters needed characters exceeded