Hide Choice: Nintex Forms Office 365

Nintex Workflow for Office 365 contains the great Assign task action that allows for a ton of flexibility in how the action is configured. Sometimes, you may want to take advantage of LazyApproval, Reminders and Escalation, but only want to have one outcome. How you ask? CSS to the rescue!

The Build

Open Nintex Workflow for Office 365 and add the Assign a task action.

From here, double-click the Assign a task action and click on Edit Task Form in the ribbon. Notice that there are two outcomes, "Approved" and "Rejected". We want to get rid of the "Rejected" option.

The Code

In the Nintex Forms Designer, open Form Settings > Custom CSS and add the following CSS:

tr:nth-of-type(2){
display: none !important;
}

Say What?!

So this CSS says nothing about hiding an option or label. What are we doing here?

Nintex Forms stores the Radio Button Choice control options in a table. We want to remove/hide the second row of that table. Using CSS, we select the <tr> element and then only call on the second row (2) of that type of element. From there, we set the display property to a value of 'none'. 

The Result

Not too bad for one line of CSS!

Feel free to post any questions or comments below!