Show only Icon and linkable

Hi guys,

So here I am going to talk about the grid Display Rule functionality, on 2 specific points. One that I see as an error of logic, and the other as a very useful new functionality.

1.- If I say “Hide Value AND Display Icon” = I should see the Icon but not the value.
But it hides the icon too. It seems an error of logic.
Having only the icon is VERY useful to save space. Always think about smartphone App users.

2.- And in the case of a value having a link on it (email, phone, connexion, etc), I recommend that Knack automatically include the link also into the icon.
Even more so in the case above, when the value is hidden.
That would be soooo UX.

What do you think Knacksters?

use font awesome in link text only.but you need to import it into the css :

/*****************font awesome****************/
/* Basic free version */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");

/* Or if you need only the “solid” style icons (smaller payload) */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/solid.min.css");


use the free version like this:

<i class="fa-solid fa-phone"></i>

You can even animate, size, and change color as well

Thank you Jaini, but I do not understand how to use it to make work my use-case. Please develop a bit.

Carl has a video about this that might help.
But yes I agree with both your points Michael … Knack has their logic wrong here.

1 Like

It is good trick from Carl. It won’t work for my use-cases.

Ideally I want to subtitute the phone and email by clickable icons.

The easiest would be to create a text formula field for each, similar to what I did for the WhatsApp icon. I will try that tomorrow.

Hi Michael

This is how Carl helped me with something similar several years ago for Google Maps. Hopefully, it might help.

Dean

3 Likes

Thanks Dean. Yes, something similar would work.

It is way best practice to include the conditional rule in the field instead of the view. it saves a lot of time and error.

tks Carl!

1 Like