Timeline widget example - yii2-gentelella demo site

Timeline

There is you can see a Timeline widget below. In few words it is a simple widget that shows a data as a vertical list with points. It supports 2 parameters only:

options - the HTML attributes for the widget container tag
items - the list of items to render

Each item allows the next string attributes:

title - the header of item
byline - the string with time and author
content - the main item content

Code

<?=
\yiister\gentelella\widgets\Timeline::widget(
    [
        'items' => [
            [
                'title' => 'The first item',
                'content' => 'This is a content block here. It contains just a text but you can show any content here.',
            ],
            [
                'title' => 'The second item',
                'byline' => '<span>13 hours ago</span> by <a>John Doe</a>',
                'content' => 'It is a same block but with a <code>byline</code> string.',
            ],
            [
                'title' => 'The third item without content block',
                'byline' => '<span>14 hours ago</span> by <a>John Doe</a>',
            ],
            [
                'title' => 'The fourth item. Just a title',
            ],
        ]
    ]
)
?>

John Doe

General

Timeline

The first item

The second item

The third item without content block

The fourth item. Just a title

Code