Team up with our RPA strategy and tech specialists for maximum automation impact

Find out more
Harness the power of UiPath in your business.

Save money and spend more time on priority work.

Book consultation

Let's choose, design and deploy a process automation solution for your business.

Find out more

Let's analyse your business to discover opportunities for innovation and automation.

Find out more

Begin your business transformation journey

Book consultation

Automate where it matters most. Scale to solve challenges in every area

Find out more

Equip people with user-friendly solutions that save time and make work easier

Find out more

Which business problem
can we solve first?

Book consultation
06 October 2014

How to call jQuery or JavaScript code in a K2 SmartForm

Call jQuery or JavaScript K2 smartforms

jQuery is a powerful JavaScript library that offers enormous productivity gains for web developers. Further more, it is cross platform.  This means jQuery code generally works across all major browsers.

The purpose of K2 SmartForms is to provide no-code, enterprise level form design and run capabilities.  As a best practice, it is advised not to embed jQuery code in K2 SmartForms, however, certain scenarios exist where small amounts of jQuery compliments K2 SmartForm solutions.

So how do you embed jQuery code in K2 SmartForms and call it?

K2 Automated Testing Software

BenchQA allows full test automation of K2, including fully automated K2 SmartForms and K2 Workflow testing. It promotes test driven development for K2 and ensures continued quality assurance for K2 solutions. Easily apply changes to test cases to accommodate changes to K2 apps and ensure all apps are regression tested to avoid defects and assure continuous quality.


Free K2 Five Upgrade Review

The example below shows how to display an alert box when clicking on a K2 SmartForm button.  The first thing to do it to drag a button on the K2 SmartForm.

call jquery or javascript k2 smartforms

K2 Appit – Button to attach a jQuery event to

The next step is to set a unique title for the button.  This is used by the jQuery select.

K2 Appit - Button Title for jQuery select code to

K2 Appit – Button Title for jQuery select code to

The next step is to drag a K2 SmartForm data label onto the form.  A K2 expression will be associated with the label.  The expression will host the jQuery code.

K2 Appit - Data Label to host jQuery code

K2 Appit – Data Label to host jQuery code

Ensure the data label is selected and click on the ‘…’ button next to the expression dropdown to select the expression to attach to the K2 SmartForm data label.

Click ‘+Add’ to create a new expression record.

(Please note, expressions are global, hence an expression can be associated with multiple controls in K2 SmartForms.  Please don’t duplicate K2 expressions unless it is absolutely required.)

K2 Appit - Expression attached to Data Label to execute jQuery code

K2 Appit – Expression attached to Data Label to execute jQuery code

Give the expression a meaningful name and paste the jQuery code in the details box.  The example code below attaches a function to the button with the title ‘Action Button’

<script type="text/javascript">$(document).ready(function() { $("[title='Action Button']").click(function() { alert('Hello, jQuery!')});});</script>

Notice the preview contains the full jQuery statement.

K2 Appit - Expression with jQuery code

K2 Appit – Expression with jQuery code

Save the expression and test the solution.

K2 Appit - jQuery code executing on button click

K2 Appit – jQuery code executing on button click

Note the JavaScript alert display when you click on the K2 SmartForm button.  Again, it is advised the amount of jQuery code is kept to a minimum to ensure the K2 SmartForms are maintainable, or that future upgrade does not affect functionality.

About us

Velocity IT are business process automation and business process management specialists.  We have over 15 years’ experience helping companies automate their business processes using Business Process Management Software (BPMS).  Our business process analysis expertise and experience ensures we identify and automate the business processes that meet your strategic and business transformation goals.

Our Business Process Management consultants are highly skilled and our Business Process Management consultancy services are world class. We use K2 blackpearl, K2 SmartForms, K2 SmartObjects and K2 Appit to help companies automate and transform their business operations. Our services and solutions are fully endorsed by K2 and our 15 years K2 experience gives us the advantage over other K2 partners.  Velocity IT is also a K2 partner. Contact Velocity IT today to discuss your next successful K2 blackpearl, K2 SmartForms, K2 SmartObjects and K2 Appit project.

Need further technical advice or support?