Hi there! Welcome to OSU Drupal Droplets! This is Joe Fenn with Oregon State
University's Web and Mobile Services and
today we're going to further explore CK
Editor by taking a look at some list
properties. So let's jump on in to our
test page by clicking the Edit tab and
we'll come on down to a big paragraph,
because we need to borrow a little bit
from this paragraph. What we're going to
do is just make like a few short lines
of text here that we can use to make our
list. That should be enough right there. So
once we have the content in place making
the list is really simple.
You just select your text and then come
up here and click on whichever option
you want -- either the bulleted list or the
numbered list. We'll start with a
bulleted list. So, notice when we choose
bulleted lists it actually gives us
these carets here instead of like a
disk or a square this is actually
something that marketing has put into
place and these particular HTML markers
can't be overridden. So what you get is
the caret now if we want to nest items
in a list, just go to the beginning of
the line that you want to nest and you
can actually click tab and it will
indent everything for you just like
you'd expect. And...let's see you can also
use your buttons. Here we want to
outdent.
Notice we've got both indent and outdent
buttons. If we hit out and you can see how it
pulls that indentation right out. Alright
so we've got our unordered list here so
our bullets...let's take a look at the numbered list.
So we highlight everything, we come over
and click on our numbered list, again you
see by default it just gives you just a
standard numeric list 1 2 3 4 5. If we
tab in you'll see that it starts
renumbering again. See the numbers
continue. So can we do anything about
these if we, maybe, want to change these
numbers into letters? Sure we can! So
let's highlight this and, if you're using
a mouse, this would be a right click. I'm
on a Mac here so to do this I hit my
control button and I right-click on my
touchpad and it brings up a contextual
menu here. Let's take a look at numbered
list properties and let's change these
items to upper alpha. Notice how it just
changes those two items there. Let's
scroll down and hit Save and see what
happens. And there you have it! The
ability to make kind of a complex
numbered and lettered list is available
through CKEditor. That's about it for
our list feature in CKEditor. This has
been Joe Fenn with Oregon State
University's Web and Mobile Services and
I hope to see you for future tutorials.
