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 continue our exploration
of the Paragraphs module by taking a
look at our Divider paragraph bundle. So,
what this tool does is it provides a
configurable way to insert different
dividers after your paragraphs so it
kind of breaks the page up into sections
a little bit and gives your eyes a visual
stop when you're scrolling down a long
page etc. So, with no further hesitation let's get on in and add a Divider. I'll go
ahead and click the Edit tab on our
paragraph samples page and we'll scroll
on down to where it says Paragraph Type
and we will choose our Divider Paragraph
Type and then click the Add Another Paragraph button. Once the fieldset
appears you'll see a Divider Options
label here. Go ahead and click on that to
open it. We've got three different
things to consider here. The first item
is a Divider Size. So this is a size in
height of the divider. We have small,
medium, and large.
We'll choose medium just for the sake of
the example. For Divider Color you're given several options. We will choose orange,
and additional divider it's just a
simple line that's inserted inside of
the block, so it's just used for
decoration if you happen to want it. Then
we'll scroll down and click the Save
button and we'll have our confirmation
up there at the top. Scroll down
to the bottom of the page and you'll see
our divider here. So you might not want
it at the bottom of the page. If that's
the case, if you want to move it up
between a paragraph or two up here, let's
just go ahead and click the Edit tab
again. We'll find our divider and
let's move it up here underneath the two
column paragraph bundle. Let's grab it
and drag it. There it is! Scroll
down and hit Save and there you go.
Notice it's inserted between this Two-
Column and Three-Column paragraph bundle.
So, you don't have to be stuck with your
initial choices if you don't want. You
can always go in and change things on
individual dividers. So, if you want to
change the color or remove the little
additional divider line in here or
change the height you can totally do
that. You can also add multiple dividers
on your page if you happen to have a
really long page and want to break it up
into sections. And that's about all there
is to it. So, this has been Joe Fenn with
Oregon State University's Web and Mobile Services and I hope to see you in future
tutorials!
