Clicking / Selecting Records on Screen Quickly

When we were first designing our application. There was a request to make it mobile friendly, and make the records quickly selectable. 

Aside from using the forms to create a many-to-many connection (breaking the Second Normal Form rule), we found Knack's provided method of creating checkboxes useful, but limiting.

In the field we work in, people have big fingers, and sometimes can't see the tiny checkboxes.  

So our team got to work, and took this feature a step further by enabling clickable rows, with input fields in-line with your table records. Depending on your situation, clicking on rows may be all you need. 

The records then get posted when you submit the "Create Material Transfer" form OR ({INSERT YOUR FORM HERE}). Tying the items selected, to the record on the form you've submitted.

Examples where we make use of this:

  • Selecting Items to be Picked on a Pick Ticket
  • Selecting Items to move on a Material Transfer
  • Selecting Line Items to Reconcile on an Invoice

In the example below, we have your standard Knack table. Our javascript function enables the following:

  • DoubleClick the rows to select one item
  • Input a value that can validate against another column
  • Trigger a warning (outside of the Knack warnings)
  • Select all values with a simple button click.

![](upload://mcIOLkugxckG4qs9uWMy2cRwWEi.png)

The cool part is, this is all the code you'll need to add:

![](upload://tm0Ldrt6QXw1peY0AQD8C0KQNfh.png)

Think this could add value in your Knack app(s)? See the demo here.

Or contact me directly taylor@digitaloperatingsolutions.com

369481659772 Hey, I replied to your e-mail on the 5th. I sent screenshots, so maybe it got caught in your filter? Reply back if there's a better way to communicate. 

Update: Check out the demo here.

Sent you an email.

I can’t code or the example. I just see what looks like a reference to an image that maybe isn’t found…
See screen capture below.

1 Like