Back to Creating Tabs Cards Video
welcome in this video we're going to
review how to use tab cards now tab
cards are nifty because they allow you
to essentially display multiple pieces
of content within one card area of a row
so let's go ahead and walk through how
to do that first I'm going to edit my
page here and then I'm going to go to my
rows and cards anywhere that you can use
rosen cards you can pretty much use tabs
now I want my tab to let's say up here
at the top of my page when I edit the
first row and I want it to appear next
to my map card so I'm going to click
this drop-down arrow down here to add my
new card to this this row here and I'm
going to choose tabs now if we scroll
down a little bit here you'll see that
we have a new tab section the first
thing you'll need to do is give your tab
a title
you
and then to add content to that tab you
will click the body tab here and you'll
have to choose between three different
cards so it's either going to be a basic
card a block card or a view card so
let's go ahead and experiment here let's
add a basic card you'll notice it looks
just like a regular basic card if you're
not using tabs and we get all the other
controls that we normally get so we can
add a card title we can add color border
things like that here I'm just going to
go ahead and add some content
and then let's say we want another tab
how about let's add another tab section
here and this time we're going to name
it something else
and in the body section let's choose a
different card how about a view card
let's say we want these articles to
appear here so I'll select news articles
and we'll add one more tab section and
this time let's go ahead and reference
our one of our custom blocks we already
have created so I'll select the block
option
and select the block from my custom
block library
all right and if we preview this
you can see that now my tabs are
appearing next time I'm up here in this
top row here's the first tab that's the
basic card the second tab is this view
that displays news articles and the
third tab is that matte block that I
already have created here so it looks
like everything looks good
basically all I need to do next is go
back and save
and that's it