Open 13ran opened 7 months ago
How would I have the load board take up 100% width and inventory/sales take up 50%? I've tried seperate kanban elements but than I am not able to drag between
var kanban = new jKanban({ element: '#jkanban', responsivePercentage: '100%', dragBoards: false, dragItems: true, dropEl: function (el, target, source, sibling) { document.querySelector("#jkanban > div > div:nth-child(1) > header > div").textContent = 'Load (' + kanban.getBoardElements('load').length + ' Vehicles Selected)'; }, boards: [{ 'id': 'load', 'title': 'Load (0 Vehicles Selected)', "dragTo": ['inventory','sales'], 'item': [] }, { 'id': 'inventory', 'title': 'Inventory', "dragTo": ['load'], 'item': <?php echo GetInventory(); ?> }, { 'id': 'sales', 'title': 'Sales', "dragTo": ['load'], 'item': <?php echo GetSales(); ?> } ] });
How would I have the load board take up 100% width and inventory/sales take up 50%? I've tried seperate kanban elements but than I am not able to drag between
var kanban = new jKanban({ element: '#jkanban', responsivePercentage: '100%', dragBoards: false, dragItems: true, dropEl: function (el, target, source, sibling) { document.querySelector("#jkanban > div > div:nth-child(1) > header > div").textContent = 'Load (' + kanban.getBoardElements('load').length + ' Vehicles Selected)'; }, boards: [{ 'id': 'load', 'title': 'Load (0 Vehicles Selected)', "dragTo": ['inventory','sales'], 'item': [] }, { 'id': 'inventory', 'title': 'Inventory', "dragTo": ['load'], 'item': <?php echo GetInventory(); ?> }, { 'id': 'sales', 'title': 'Sales', "dragTo": ['load'], 'item': <?php echo GetSales(); ?> } ] });