💾 Custom "Save as Draft Without Validation" Button with Auto-Redirect in Joget Forms

import org.joget.apps.form.lib.SaveAsDraftButton;

import org.joget.apps.form.lib.SubmitButton;

import org.joget.apps.form.lib.CustomHTML;

import org.joget.apps.form.model.Column;

import org.joget.apps.form.model.Element;

import org.joget.apps.form.model.FormAction;

import org.joget.apps.form.model.FormData;

import org.joget.apps.form.model.Section;

import org.joget.apps.form.service.FormUtil;

import java.util.ArrayList;

import java.util.Collection;



// Create a collection for form actions

Collection formActions = new ArrayList();

String saveButtonLabel = "Save As Draft"; 

Element saveButton = new SaveAsDraftButton();

saveButton.setProperty(FormUtil.PROPERTY_ID, "customSaveAsDraft");

saveButton.setProperty("label", saveButtonLabel);

formActions.add(saveButton);



// Get the form section and its first column

Section section = element;

ArrayList columns = (ArrayList) section.getChildren();

Column column = columns.get(0);

column.setProperty("horizontal", "true");

column.setChildren(formActions);



// Add layout fix and script logic

Element html = new CustomHTML();

String script = "<script>$(document).ready(function(){ ";



// Move the button layout into section-actions

script += "$('#" + section.getPropertyString("id") + "').find('.form-cell').prependTo('#section-actions .form-column');";

script += "$('#" + section.getPropertyString("id") + "').remove();";



// Set workflow status to Draft

script += "$('#status').val('Draft').trigger('change');";

script += "$('#wf_status').val('Draft').trigger('change');";



// Check if Save As Draft button was clicked and redirect

FormData fd = formData;

if (fd.getRequestParameter("customSaveAsDraft") != null) {

    script += "window.location.href='your_menu_id_to_redirect';"; // Redirect to Inbox or another page

}



script += "});</script>";



// Apply the custom HTML script

html.setProperty("id", "button_layout_fixes");

html.setProperty("label", "");

html.setProperty("value", script);

formActions.add(html);



return null;