When adding a custom CSS class to the cancel button on a form (mainly used to style and theme based on the branding of my company) it gathers the custom class say, "cancelBtn" and also the other classes, but doesn't have the space between the custom and the form added classes.
So the button now looks like (with custom class)
<input type="submit" XXXXXXX class="cancelBtnfn-cancel-button nf-disableonsubmit" XXXXXX>
Anyone else see this as well? Possible bug?
Solved! Go to Solution.
Hi there Trang Phan
I just tried this out, and I get this returned:
class="btnCancel nf-filler-control nf-filler-highlightonvalidationerror"
Is that .. not normal?
Hey Rhia Wieclawek, I am having the same problem Trang Phan described. In the designer, I assign my Cancel Button the class "cancelButton" and create that in the custom CSS. Then, if I publish the form and go open the form on an item and inspect it, I see cancelButtonnf-cancel-button nf-disableonsubmit
Hey Mike Matsako, I ended up doing a "workaround" by creating a new button, labeling it "Cancel," and on-click calling NWF.FormFiller.CancelForm(); and applying my CSS Class to the new "cancel" button. This worked! Something about that default cancel button for the moment I guess.