Hi there!
Welcome to OSU Drupal Droplets!
This is Joe Fenn with Oregon State University's
Web and Mobile Services.
Today we're going to take a look at our Icon
Picker tool that is a custom module built
by our developers here at Web and Mobile Services,
for the CKEditor rich text editor.
With no further hesitation, let's go ahead
and jump into our text page by clicking on
the Edit tab.
The icon picker is really easy to use.
Basically you just click into your text editor.
You do need to make sure that your text format
is set to Full HTML.
So, it's not set to this by default.
If you do not see these spare buttons up here,
go down and change your text format to Full
HTML.
So, the particular button that we need here
is the little smiley face.
When we pop this open, it gives us two sets
of icons.
So, we have some icons that are proprietary
for OSU.
And then we have some Font Awesome icons and
there are LOTS and lots of them.
One thing we do suggest is, when you pick
a particular set on your site, stick with
that same set otherwise it just kind of looks
messy and uncoordinated.
So, we're gonna play with the OSU Icons here.
And just for the heck of it, let's go with
something fun.
Let's go with the wooly mammoth.
And you'll see that we can actually change
the colors here.
So maybe I want a blue one.
And I can change the sizes too.
So we have Small, Medium, Large and Extra-Large.
Let's go with Large.
Hit OK and there's our brand new icon.
That's really all there is to it.
Let's go down and take a look at how this
saved.
And there you have it!
This has been Joe Fenn with Oregon State University's
Web and Mobile Services.
And I hope to see you for future tutorials.
