Retina displays / Toolbar icons

18 views
Skip to first unread message

GregA

unread,
Sep 17, 2013, 11:22:57 AM9/17/13
to snape...@googlegroups.com
I've purchased a copy of SnapEditor.  I'd like to custom the toolbar with my own buttons/icons (using Font Awesome).  How can I do this?

Wesley Wong

unread,
Sep 17, 2013, 12:59:28 PM9/17/13
to snape...@googlegroups.com
Hi Greg,

Thanks for purchasing a license!

You can add your own icons by overriding the default CSS. You can go do the buttons doc and look under "Styling".

The general idea is to do this.

.snapeditor_toolbar .snapeditor_toolbar_icon_bold {
  background
-image: url('my-bold.png');
}

Let me know if you have further questions.

Cheers,
Wesley

GregA

unread,
Sep 17, 2013, 1:10:39 PM9/17/13
to snape...@googlegroups.com
Wesley,

Thanks for the quick reply.  I like where you guys are heading with your product.  Good luck with it.  

I did see that I could use a different background image, but what I'd like to do (if possible) is to have some control over the HTML used to generate the buttons.  Specifically, instead of using bitmaps, I'd prefer to use fonts.  My website is using "Font Awesome" (http://fortawesome.github.io/Font-Awesome/).

I'd suggest adding a template function we could override to produce the button html?  Since you appear to be using jquery-fileupload internally, my function would probably use the "tmpl" library (https://github.com/blueimp/jQuery-File-Upload/wiki/Template-Engine) to generate this HTML.

Greg


Wesley Wong

unread,
Sep 17, 2013, 4:45:26 PM9/17/13
to snape...@googlegroups.com
Hi Greg,

I see what you're trying to accomplish now. Sorry for not understanding before.

We hadn't thought about handing control over the HTML of the buttons, but that might be possible. I'll have to discuss with the team and see what we can do.

Thanks for the suggestion about the tmpl library. We'll look more into it after our discussions.

Cheers,
Wesley
Reply all
Reply to author
Forward
0 new messages