angularjs - Beautiful vertical timeline -
i want create vertical timeline/calendar in angularjs
app.
which plugin can used create vertical timeline/calendar?
there quite few plugins creating timelines. how feed data define calendar part.
nikolay dyankov has plugin built in calendar wordpress isn't vertical http://nikolaydyankovdesign.com/?portfolio=timeliner-for-wordpress.
and here nice ones:
- http://melonhtml5.com/demo/timeline/
- http://bootsnipp.com/snippets/featured/timeline-responsive bootstrap.
sorry realized looking angular approach. found best stick straight forward css timeline.
this 1 looks promising:
http://codepen.io/nilswe/pen/femfk
then when adding data dynamically through controller use automatically shift left right center.
(function(){ 'use strict'; var controllerid = 'data'; angular.module('app').controller(controllerid, ['$scope']); function data($scope) { $scope.connections = []; function addconnection(conn) { var direction = 'rightfromleft'; if (!curdirection || curdirection === 'center') { conn.elementclass = 'right'; } else if (curdirection === 'right') { conn.elementclass = 'left'; } else { conn.elementclass = 'right'; } curdirection = direction.split('from').shift(); $scope.connections.push(conn); } })()
Comments
Post a Comment