Shadow Box & Icons

Looking to improve your Knack application? Adding a shadow box and a Font Awesome filter icon can enhance both its aesthetics and functionality.

Why Add These Features?

A shadow box creates depth, helping important elements stand out. A Font Awesome filter icon simplifies navigation, making your app more user-friendly..

Sign up to Knack for Free - Affiliate Link

Add to JavaScript

/* Font Awesome Library */
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css'; // You can replace the version number with the latest one found on the CDN
document.head.appendChild(link);

Add to CSS

/* Box Shadow around Client Filters View*/
#view_XXX { /* Change to your specific view number */
border: 2px solid #B4B4B5; /* Change this color as desired */
border-radius: 10px; /* Rounded corners */
padding: 15px; /* Optional padding inside the border */
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Optional shadow for depth */
}