buttons_left

stores a collection of buttons resided in the left bottom corner of the lightbox

array buttons_left;

Example

<style>
    .complete_button{
        margin-top: 2px;
        background-image:url("common/v_complete.png");
        width: 20px;
    }
</style>
<script>
    gantt.locale.labels["complete_button"] = "Complete";
    gantt.attachEvent("onGanttReady", function(){                                       gantt.config.buttons_left = ["gantt_save_btn","gantt_cancel_btn",                       "complete_button"];                                                     });                                                                             gantt.init("gantt_here");
 
    gantt.attachEvent("onLightboxButton", function(button_id, node, e){
        if(button_id == "complete_button"){
            var id = gantt.getState().lightbox;
            gantt.getTask(id).progress = 1;
            gantt.updateTask(id);
            gantt.hideLightbox();
        }
    });
</script>


Default value:

["gantt_save_btn", "gantt_cancel_btn"]

Related samples

Details

Please note that if you use the Material skin, it will redefine the buttons configuration. To prevent this, you need to specify the configuration of buttons inside the onGanttReady event handler.


See also
Back to top