Custom icon on Skuid Button

  • 3
  • Question
  • Updated 2 years ago
  • Answered
I want to use my own icon on a Skuid button.  How do I do that? 
Photo of Chandra V

Chandra V, Champion

  • 6,966 Points 5k badge 2x thumb

Posted 4 years ago

  • 3
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Sorry.  Right now you can't bring in your own Icon set.  In addition buttons and tabs do not let you add arbitrary html,  so you can bring in your own images to those components. 

Again - sorry. 
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
If I'm not mistaken, you can cheat your way into getting your own icon in the button.

Barry Schnell put a solution together where he added a class to a row action. He did this in order to be able to do a JQuery select on element using the class.

The Icon picker is doing nothing more than adding a class to the element. Doing so enables their CSS to style a background image from a sprite png file.





So, in theory, you can add your own class to the button to enable you to use your own CSS and static resource of your png icon.

If you really really want to do it, here's a how-to article to get you started. I fear that you will have much tweaking to get this to work though.
http://fortysevenmedia.com/blog/archives/css3_buttons_with_icons/

I'd also review how Skuid does it by reviewing the static resource "skuid__SkuidThemeClassic.zip"
Photo of Jack Sanford

Jack Sanford, Champion

  • 8,322 Points 5k badge 2x thumb
I've heard that the new release Banzai will let you do this through the new Theme Builder
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Even as awesome as Banzai is - its not that awesome.  Sorry.  With this release you will be limited to using the Silk or FontAwesome iconset in your Skuid pages.  There have been various hacks posted on the communirty about adding other icons to buttons or tabs.  These will still work, but require some coding to do correctly. 
Photo of Vijayakrishna

Vijayakrishna

  • 642 Points 500 badge 2x thumb
Hi Rob, do we have any feature some like this on Broklyin ? please let me know...or do we have any future plan to introduce ?