I've been trying to figure out how to hide or collapse the rich-text ribbon in a multi-line text field in the Nintex forms. Or, at the very least, have it hidden until a user clicks into the field since it really clutters up the page. I feel like someone else must have done this at some point. To clarify, we do want the rich-text functionality, hence why we don't want to just make it a plain-text box. We're just looking to clean up the look a bit by hiding the format ribbon until it's needed.
Solved! Go to Solution.
Just make sure it is not the first Tab control on the form. So if another control is before it, while editing, this control will be selected to change its value and the Ribbon will behave accordingly.
To clarify, this is what the form looks like right now:
The "Product or Service" field is where my problem is. That formatting ribbon in the multi-line text box is what I would like to hide or remove, while still allowing rich text functionality.
Because this is in the app these isn't much you can change about the control's behavior except to uncheck that it is a rick text field. But obviously that will remove the capability you need. For my forms that use rich text I have the box wider so the tool box is on two lines and taller to show more lines of editable text. This tool bar is in a table-row table-data with a class of k-editor-toolbar-wrap. So even using CSS, you will only be able to move it around some but not to the ribbon which would be preferred.
Now the trick is to find the appropriate function to make it visible again. Maybe moving it to the left is easier with CSS so that it is always there? or when you click in the box you then show it. Since these textareas use iframes, it will be tricky to catch an onfocus or click event.
It needs to be rich text though, as they need to be able to embed photos, links, etc. I just don't need the extra height the bar adds as there are several rich text fields on this form.
Just tried the code suggested here to solve the same problem (hide the Rich text ribbon):