Customize / Change Kanban Edit Panel

[Anonymous]

Is there a way to customize or at least hide some of the entry fields in the Kanban Edit Panel?
We do not use a few of the features like, Color or Swimlanes thus do not need them in the edit panel as it has confused some of our users in testing. Also we would like to see sub tasks a bit better in the panel. Did not see any documentation on how to edit the layout of the panel. I am sure I could find the classes and maybe hide them, if they are unique for each element. But thought there may be a config instead.
If not maybe that could be a feature request for when we have things like taskProgress, Color, etc. turned off they don’t show in the editor? Or if we don’t have swimlanes?
Thanks

[yavordashew]

Hi Clintre,
If you prefer to have the functionality as a ‘custom developed feature’ you can contact sales@jqwidgets.com anytime.
However I have prepared a code snippet which showcases how to achieve the functionality you want:
//In your JS file:

window.onload = () =>{
    let kanban = document.getElementById('kanban');
    kanban.addEventListener('open', ()=> {
        let editorContainer = document.getElementsByClassName('editor-container'),
            progressInput = document.querySelectorAll('smart-numeric-text-box');
        editorContainer[1].style.display = 'block';
        progressInput[0].style.display = 'none';
    })
}

And also add the following CSS:

.smart-kanban-task-progress-container,
#kanbanLabelProgress{
    display: none!important;
}
.smart-kanban-sub-task{
    font-size: 20px;
}

Note that I have used this demo for a base for the code snippet:
https://www.htmlelements.com/demos/kanban/editable/
Let me know if that works for you!
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts