Search

10 Tips (part 2) for Building Knack Database Apps

Updated: May 12








5 more tips from my first installment for working with Knack database app.

1) Data Import: Make a separate “reference” column for fields that match connected Objects. Will help with finding data that did not match.

2) Copy app for testing.

3) Get a connected value to appear natively in your Object.

4) Form Instructions: Change font and move above value input...it looks better for the user. 5) Get around the “Something Went Wrong” message that wants you to refresh the page (and lose your work).


CODE FOR CHANGING FORM INSTRUCTIONS


/* change instructions format (size and font) on all fields where exist */

.kn-instructions

{

font-size: 11px;

font-style: italic;

}


/* Move instructions above value entry and below field title */

$(document).on('knack-view-render.form', function(event, view, data) {

$("#" + view.key + " .kn-instructions").each(function() {

//find the input label for this field

var inputLabel = $(this).closest(".kn-input").find(".kn-label");

//append the instructions for this field after the label

$(this).insertAfter(inputLabel);

});

});


Thanks!

4 views0 comments