Skip to main content

buttons_right

Description​

Stores a collection of buttons resided in the right bottom corner of the lightbox

buttons_right: string[]

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_right = ["gantt_delete_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_delete_btn"]

Details​

note

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.

property_buttons_left

You can redefine labels of the right button by using the following syntax before initialization of Gantt:

gantt.locale.labels.icon_delete= "New Label";

gantt.init("gantt_here");

You can also change the label using another syntax after initialization of Gantt, as follows:

gantt.attachEvent("onGanttReady", function(){
  gantt.locale.labels.gantt_delete_btn = "New Label";
});

From version 7.0, the labels also can be changed by using the i18n object:

gantt.i18n.setLocale({
   labels: {
      gantt_delete_btn: "New Label"
   }
});