layout

layout - Specifies the layout type of the timeline element.
It may be one of the following:

  • centered - Represents centered layout.
  • left - Represents left aligned layout.
  • right - Represents right aligned layout.

Its value is centered by default.


<div id="timeline" />

<script type="text/javascript">
    $(function () {
        $('#timeline').shieldTimeline({
              layout: "centered",
              dataSource: {
                    data: [
                        {
                            title: "David F.",
                            text: "Hey! Sure, I will message ...",
                            iconCls: "fa fa-facebook",
                            collapsed: true
                        },
                        {
                            title: "Followed",
                            text: "By J.R. Simpson",
                            iconCls: "fa fa-twitter"
                        }
                    ]
                }
          });
    });
</script>