docs: function() {
  
        var data = window.kelmu.data[id];
        var elemData = data.definitions['step' + data.stepNumber][data.subStepNumber][data.selectedElementNumber];
  
        editor.find('.kelmu-editor-pane').remove();
  
        var buttonEditor = $('<div></div>').addClass('kelmu-button-editor').addClass('kelmu-editor-pane');
        buttonEditor.appendTo(editor);
  
        buttonEditor.append($('<h4>Button</h4>').css('margin', '15px 0px'));
  
        idCounter += 1;
  
        // Set the current values
        addComponent('Text:', buttonEditor, 'kelmu-button-text', elemData.buttonText, 'text', true);
        addComponent('Font:', buttonEditor, 'kelmu-button-font', elemData.font, 'text');
        addComponent('Size:', buttonEditor, 'kelmu-button-size', elemData.size, 'text');
        addComponent('Angle:', buttonEditor, 'kelmu-button-rotate', elemData.rotate, 'text');
        addComponent('Action:', buttonEditor, 'kelmu-button-action', elemData.button, 'text');
        addComponent('Parameter:', buttonEditor, 'kelmu-button-parameter', elemData.parameter, 'text');
  
        // Move cursor to end
        buttonEditor.find('.kelmu-button-text').focus();
        var val = buttonEditor.find('.kelmu-button-text').val();
        buttonEditor.find('.kelmu-button-text').val('').val(val);
  
        var buttonContainer = $('<div></div>').appendTo(buttonEditor);
  
        // Save the modified properties
        var saveButton = function() {
          elemData.buttonText = buttonEditor.find('.kelmu-button-text').val() || '?';
          elemData.font = buttonEditor.find('.kelmu-button-font').val() || window.kelmu.defaults.button.font;
          elemData.size = buttonEditor.find('.kelmu-button-size').val() || window.kelmu.defaults.button.size;
          elemData.rotate = buttonEditor.find('.kelmu-button-rotate').val() || window.kelmu.defaults.button.rotate;
          elemData.button = buttonEditor.find('.kelmu-button-action').val() || 'show';
          elemData.parameter = buttonEditor.find('.kelmu-button-parameter').val();
          window.kelmu.data[id].actions.update();
          updateView(true, true);
          notifyModifications();
        };
  
        buttonEditor.find('input').keyup(saveButton);
  
        createRemoveButton().appendTo(buttonContainer);
  
        // Set current properties as default settings
        $('<button></button>').text('Make default').addClass('btn').appendTo(buttonContainer).click(function(e) {
          e.preventDefault();
          window.kelmu.defaults.button.font = buttonEditor.find('.kelmu-button-font').val() || buttonDefaults.font;
          window.kelmu.defaults.button.size = buttonEditor.find('.kelmu-button-size').val() || buttonDefaults.size;
          window.kelmu.defaults.button.rotate = buttonEditor.find('.kelmu-button-rotate').val() || buttonDefaults.rotate;
        });
  
      }