<h2>Create a form action</h2><br/><div style="overflow-x:auto"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta content="text/html; charset=UTF-8" /><meta name="copyright" content="(C) Copyright 2025" /><meta name="DC.rights.owner" content="(C) Copyright 2025" /><meta name="generator" content="DITA-OT" /><meta name="DC.type" content="task" /><meta name="DC.title" content="Create a form action" /><meta name="abstract" content="Add a form action button to your configurable workspace." /><meta name="description" content="Add a form action button to your configurable workspace." /><meta name="DC.creator" content="ServiceNow" /><meta name="DC.date.created" content="2024-01-17T13:22:41-06:00" /><meta name="DC.date.modified" content="2024-02-01" /><meta name="DC.format" content="XHTML" /><meta name="DC.identifier" content="create-a-new-form-action" /><link rel="stylesheet" type="text/css" href="../../../CSS/commonltr.css" /><title>Create a form action</title></head><body id="create-a-new-form-action"> <h1 class="title topictitle1" id="ariaid-title1">Create a form action</h1> <div class="body taskbody"><p class="shortdesc">Add a form action button to your configurable workspace.</p> <div class="section prereq p"> <div class="p">Role required: admin<div class="note important" id="create-a-new-form-action__note_r53_tmm_p1c"><span class="importanttitle">Important:</span> This procedure explains how to add a form action button to your configurable workspace. For instructions on how to configure your action button to open a custom modal, see <a class="xref" href="configuring-an-action-button-to-open-a-custom-modal.html" title="After you add an action button to your configurable workspace, you can configure the button to open a custom modal.">Configuring an action button to open a custom modal</a>.</div> </div> </div> <ol class="ol steps"><li class="li step stepexpand"> <span class="ph cmd">In the navigation filter, navigate to <span class="ph menucascade"><span class="ph uicontrol">All</span> > <span class="ph uicontrol">Declarative Actions</span> > <span class="ph uicontrol">Create new action</span></span>.</span> </li><li class="li step stepexpand"> <span class="ph cmd">Select <span class="ph uicontrol">Form</span> on the pop-up page.</span> </li><li class="li step stepexpand"> <span class="ph cmd">Enter an action label and other relevant configuration requirements.</span> <div class="itemgroup stepresult">The action name populates automatically with the action label in all lowercase and with spaces replaced with underscores.</div> </li><li class="li step stepexpand"> <span class="ph cmd">Select a value for the <span class="ph uicontrol">Implemented as</span> field.</span> <div class="itemgroup info"> <ul class="ul" id="create-a-new-form-action__ul_krb_kn2_d1c"><li class="li">Create a server script or client script by selecting <span class="ph uicontrol">server or client script</span> in the <span class="ph uicontrol">Implemented as</span> field.</li><li class="li">Create a UXF client action by selecting <span class="ph uicontrol">UXF client action</span> in the <span class="ph uicontrol">Implemented as</span> field. <p class="p">For configuration instructions, see <a class="xref" href="create-a-new-uxf-client-action-for-forms.html" title="Configure a form action as a UXF client action and add the action to an existing layout.">Create a new UXF client action</a>.</p> </li></ul> </div> </li><li class="li step stepexpand"> <span class="ph cmd">Select the menu icon (<img class="image icon" id="create-a-new-form-action__image_tcf_mt2_d1c" src="../../workspace/image/menu-icon-save.png" alt="menu icon" />) and <span class="ph uicontrol">Save</span>.</span> </li><li class="li step stepexpand"> <span class="ph cmd">Open the form action layout item by selecting your action in the Layout Items related list or by selecting the <span class="ph uicontrol">UX Form Layout Item</span> link in the form message.</span> </li><li class="li step stepexpand"> <span class="ph cmd">Update the look and feel of the button by selecting an icon and choosing a color for the action.</span> <div class="itemgroup info"> <div class="note"><span class="notetitle">Note:</span> You have access to choose from any color the button component supports.</div> </div> </li></ol> </div> </body></html></div>