riktar / jkanban

Vanilla Javascript plugin for manage kanban boards
https://www.riccardotartaglia.it/jkanban/
Apache License 2.0
1.09k stars 299 forks source link

Adding a hyperlink or button along with the title in the tabs not working. #31

Closed yesnkay closed 5 years ago

yesnkay commented 5 years ago

I want to add a hyperlink or button to the title, so that i can give option to edit tabs. Currently the hyperlink added inside the tabs along with the title doesnt work...

marcosrocha85 commented 5 years ago

Hello @zhenshaav, the title property allows you to insert any kind of HTML. In my case I did:

var jkanban = new jKanban({
    element: '#my_kanban',
    boards: [
        {
            'id': '_todo',
            'title': 'ToDo List<div class="button_new" style="float: right;"><button class="btn-round" type="button"><i class="fa fa-plus"></i></button></div>',
            'item': [
                // ...
            ]
        }
    ]
});

To make something like this: image

yesnkay commented 5 years ago

Thanks for your reply. I added a href link in the item -> title. But when i clicked the hyperlink there was no action. (The click link in the below image.)

kanban view

marcosrocha85 commented 5 years ago

You won't achieve that without some code. When you click at an item you actually clicking in a DIV. What is your goal by adding a hyperlink on item?