NAC Form Plugins

Hi @SeeDee 

Thanks for your active participation in the community.

Yes, currently, I’m using a customized 4-column grid to display an Activity Log in a Task Form

Using a Composite workflow to populate (append) the values into the main variable “ActivityLog JSON”

I posted the link to the customized 4-column grid 

• Form Plugin - 4 Column grid with Sorting Customized

Hi @SeeDee 

I would like to see a more “Dashboard Summary” or KPI widgets.
Example taken from the NAC -> Workflow Tracking 

I  would also like to see some Progress Status Bar widgets.

Thanks @Garrett.

FYI - @Jake @Carl @DanStoll @AndyHayes 

Hi @SeeDee 

Got the idea from this thread

Encrypted Data Grid Plugin - 
User would type input to the Grid. 
Click toggle to encrypt the data.
Submit the Encrypted Data is saved to a Text Long SP column or nVarChar(MAX) SQL 

The Start Event or Task Form will display to everyone  including Admin, Designers and Business Owners.

Authorized Users can click toggle to decrypt the data.
A password prompt (can be mandatory or optional) may appear.
The Grid display the un-encrypted data

PS: Buy me coffee ☕ and send me a Nintex Tee 👕

I saw this Nintex Form Plugins capability recently and I am very interested.  I have some simple needs at first, like cascading dropdown menus, but I anticipate that I will want to get a lot more advanced soon.

But I am having trouble getting started.  For instance, I tried your simple React example here - 

GitHub - nintexplatform/form-plugin-react-example

Your instructions tell me to select “Add plugin” and name it “nintex-react-iframe” but I can’t, because “Element names must not start with nintex, ntx, nwc, or nac.” So I named it “simple-react-iframe” and I uploaded the file of main.js, as instructed, and it gives an error:

“Failed to load the plugin definition.”

I also tried using the link to the source URL, and it had the same error.

Any suggestions for how to proceed?

I think I fixed it.  I had to download the JS file, open it in text editor, and find the text at the bottom that says, “customElements.define("nintex-react-iframe",y)” and change it to a new name, like “simple-react-iframe.”  Then the Add Plugin step worked.

Hi @SeeDee,
In fact, I’ve submitted a Form plugin we developed to be displayed in the gallery, as we are Premier Partners. I followed the process by submitting it to Brian Bier, but got no response. I’ve also contacted Dan Stoll, but to no avail.
We have a few ideas about what the next Form plugins we’ll develop, but it’s a shame we cannot share them. Can you help by any chance ?

We will be using them soon. 

We did have a need for embeding a video via URL. The only one available at present is for vimeo and youtube. 

We needed to pass sharepoint online library videos (.mp4 files) to form. 

@allan Apologies for your expereince and thank you for sharing this information. Are you abe to please send me a direct message with your Partner detail. I will get someone in touch with you for the plugins. It will be awesome if we can showcase plugins from customers and partners. 

@brandiwoodson You may be able to embed videos via iframe plugin. Try this example - https://help.nintex.com/en-US/formplugins/Examples/CreatePlugin_iframe.htm

@PabloL Thanks for the message. I will try and change the example so element name does not reflect ‘nintex’. We reserved some of the prefixes for internal use. I am curious to know which plugin you have created? Thanks

@Garrett Did you end up creating the plugin?

Hi

I have developed a new nintex plugin but I get this error when I try yo upload it:

Any ideas how to solve this error?

Will we always have to use a plugin to create tables in our forms, or will some sort of data grid be a regularly available element in form designer for NAC in the near future ?

I attempted to use the star rating plugin and was disappointed. I had 5 questions and each time you click on any of them it bounces to the top of the page everytime you rate something.

@brandiwoodson thanks for letting us know. I will take a look into this.

@DArmstrong We have a grid/ visual table control in our active backlog. Not timeline yet though. I would be interested to know if you have any specific use case in mind.

@SeeDee We have a workflow in NAC that queries a SQL View and we display the results in a table on a task form.  Right now we have to generate that table through a series of string actions in the workflow prior to assigning the task.  It would be better to be able to generate the table within the task form when the task is opened so the data is live.  We can successfully use the external data feature in form designer to run the query, there is just no way to display the results of that query nicely in a form.

I recently downloaded the JS-Insert plugin and it seems to have been successfully installed in my tenant, but it is not available on the design palette. This is what I see:

Any explanation for this warning icon and the unavailability of the plugin?

@SeeDee ,

So far, I have been able to implement a few Plugins from the gallery, such as:

KPI Widgets -- the users liked this one, as it added some color to alert them to different things.

Table Viewer -- this worked fine.

Dynamic Table -- I think this displayed properly but my other developer had some trouble with something, like pulling data from it, or filtering the way he wanted.

I have not built anything myself yet.  I would like to make one that can do a nice dynamic cascading dropdown menu, but I don’t know how.

I am also trying to implement that JS-Insert plugin. I am getting an error when I upload the file.

“Failed to load the plugin definition.”

Can Nintex share with us the source code so we can build in Visual Studio and maybe see what is going wrong?

@PabloL - concerning the JS-insert plugin, please see this topic. It might help you as it helped me.

Thanks @DavidAD -- now it works. It uploaded fine. I can add that control to my form. 

On this page, https://gallery.nintex.com/t/js-insert, it shows some example JavaScript in a GIF but the letters are blurry and I’m not sure if I’m typing it correctly, or if I’m not naming my controls to match.  For example, this one for counting the characters remaining, I think the JavaScript is this,

$(".myField input").keyup(function() { var charCount = 140 - $(this).val().length; $(this).closest('ntx-textbox').parent().find('.nx-help-text label').text(charCount + ' characters remaining '); });

but it doesn’t do anything.  Is my JavaScript is not correct?  Should I rename my input text control?

EDIT -- I discovered that it does not matter what I name the text control. The important part is that I add a name into the “CSS class” parameter, then I use that name in my JS code.  I did that for this code that changes the background color upon hover over the field.

$(".myField2 input").hover(function() { $(this).css('background-color', '#7fb2e3'); }, function() { $(this).css('background-color', ''); });

But my code for Character Count is still not working.

Update - I figured out how to get it working - the Character Count.  It needs me to fill in something, anything, in the Description of the text control.  Otherwise it will not populate a “label” element and the JS will not be able to find anything to update.