Reply To: Customize / Change Kanban Edit Panel

[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/