Creating Outlines for Knack Views

Sign up to Knack for Free - Affiliate Link

Join me in this video as I share a simple yet effective way to enhance the visual appeal of your Knack application using CSS! I discuss how I discovered a neat trick to add outlines and shadows around different chart types, thanks to some assistance from ChatGPT.

Originally planned as a tutorial on Linked filters, I pivoted to demonstrate a quick method for demarcating your charts with stylish CSS snippets.

Add to CSS

/* Borders around charts */

#view_544, #view_545, #view_546, #view_548, #view_547 {

border: 2px solid #007bff; /* Change this color to your desired border color */

border-radius: 8px; /* Adjust the corners if you want rounded edges */

box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Adjust shadow as needed */

padding: 10px; /* Optional padding inside the border */

background-color: #fff; /* Optional background color for the box */

}