I often use 'List' views in my apps - for example for showing employees in an HR app:
The only problem is that, as standard, list views do not have a border around each record and this can make them look untidy - and I also like the data to be centred. The following CSS will achieve this:
.kn-list-item-container {
border: 2px solid #e9e9e9;
text-align: center;
}
thank you - believe me any insights will be greatly appreciated. I did comment on the post directly as well https://www.onlinedatabase.expert/post/creating-dashboard-cards-in-knack. Thank you for your posts - exceptionally useful.
If you give me more details, I'll try - bear in mind that I am no JS guru though!!
My pleasure Julian. Do you think you could assist with the "Creating Dashboard 'Cards' in Knack" error I am experiencing in mobile?
I like that! Thanks for sharing!
Very useful thank you Julian! I also found some code to give list views a rounded corner border, drop shadow and hover effect. I thought I would share for those interested.
.kn-list-item-container:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.kn-list-item-container {
border: solid 0.4px grey;
-webkit-box-shadow: -1px 2px 5px 7px rgba(163,163,163,0.33);
-moz-box-shadow: -1px 2px 5px 7px rgba(163,163,163,0.33);
box-shadow: -1px 2px 5px 7px rgba(163,163,163,0.33);
margin-top:20px;
padding-bottom:30px;
border-radius:1em;
color:grey;
width:75%;
margin:10px auto;
background:white;
transition: all 0.4s;
}