positionTemplate

positionTemplate - Specifies a template for placing each item on the left or right side of the axis if the timeline is centered.


<div id="timeline" />

<script type="text/javascript">
    $(function () {
        $('#timeline').shieldTimeline({
              positionTemplate: function(item, index) {
                  return index % 3;
              },
              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>