Anyone else see a bug when you try to assign a CSS class to the cancel button?

I haven't tried, but why not send it into Nintex support to see if they can replicate it?   

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?

See his text above, using the class "cancelBtn  blends right in with fn-cancel-button" - try testing with class "cancelBtn" if you could and see if it happens.   Thanks!

I feel like I'm still missing something?

I don't understand where this fn-cancel-button is coming from...

‌,

Are you using a cancel button, or just a normal button?

I'm talking specifically from a cancel button in Office 365 for Sharepoint Online v 1.2.3.

‌,

I'll put this issue in with Nintex Support.

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

Any feedback on this ‌, looks like  ‌ is having a similar issue?

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.

‌,

Good idea with the work around! I've generally avoided the NWF.FormFiller.XXXX methodology because I'm unsure of what they do and I've been implementing my own buttons as well. Though that function seems to be fairly straight forward .

Sorry I didn't see your question sooner, I was quite busy this past week. Another option to consider for the future is to use jQuery and assign the class on form load. It's what I did to bypass the cancel button bug.

NWF$('.nf-cancel-button').addClass('cancelButton'); would be close to what I think you're trying to achieve without losing the actual cancel default button. It can be set anywhere in your custom javascript. I'm guessing you have custom CSS applied to the cancelButton class.