NodeBB on top coder

sky

How to create custom icon in alternative login?

Currently there is something like this in css files

content: "\f082";
}```
Could someone explain how it works or provide some link?

sky

Another question.

in plugin I have settings something like meta.config['social:auth0:app_id']
How to output settings to js in client side? I solved this by making custom route, which returns JSON with settings, in client side I make Ajax call. Settings are static and how to do it without ajax?

julian

sky

@julian I did my own oauth plugin, I have button, menu, route etc, but I would like to have some different icon in alternative login list
For example how to define my own css class .fa-topcoder-square:before { content: "\f082"; } What is that \f082 here? How can I define new values?

Also my second question is not answered. Facebook, google oauth don't pass appId or other settings to client .js directly, but my plugin must do it. Is there some proper way to do that?

xCausxn

.fa- is a font-awesome class all available ones are here: http://fortawesome.github.io/Font-Awesome/icons/

sky

@xCausxn ok, thanks. I see it's not possible to create custom icon, right?

xCausxn

You could make a custom icon just by making a new class in the css file something like
.icon-topcoder {
background-image: url("http://cdn5.iconfinder.com/data/icons/Symbolicons_Transportation/24/Car.png");
background-position: center center;
width: whatever maybe 16px or 32px
height: same as what you put above
}

Or you could make a custom font file

@sky