Make the template field icon visible all the time in skuid

I’ve a table with rows from a model, I added a template field from that model. It shows a edit icon, when clicked displays a modal to capture the data. I want to display an “add” icon/button instead of that edit icon, also make it visible all the time. How can we achieve that?

That could be done with a Generic Javascript snippet that selects that particular element and changes it’s attributes to your liking. However, they would require a lot of extra work!

A workaround could be to add a Button Group to the table and then you can display an add icon. See example below
image

Then you can add actions to that button to show a modal pop-up to edit your field.

To only display data relating to that particular row - Make sure to set the “Context” property tab of whatever components you add to the modal pop-up.

This will be there all the time instead of only when users hover like a template.