Now that we know how to group fields together into field sets,

let's learn a new way to change the way the fields look on the admin site.

Let's replace a drop down menu with a selection of radio buttons.

And then change some fields from stacking on top of each other to being in

a more tabular format.

First, let's replace the drop down menu for

Quizzes in the questions model with some radio buttons.

So what we're doing is replacing this drop down menu right here with a couple of

radio buttons instead.

And doing that is actually really simple.

So, all we do is scroll down here to our QuestionAdmin,

and we add this field called radio_fields.

And then we set it equal to a dictionary.

Now, the key is the name of the field in our model that we want to change,

in this case, quiz.

And then the value is going to be admin.HORIZONTAL in all caps.

This displays the options horizontally instead of vertically or

stacked on top of each other.

Since the user can only select one,

that means the options get displayed as radio buttons.

So now, whenever we go over here and

refresh, you can see those radio buttons instead.

This is especially handy if you have a field in your model that should only

have a few answer choices.

For us, those fields are which quiz a question should go with, and,

which course a quiz should go with.

The number of selections we have to choose from will grow over time, so

we might wanna stick with the drop down menu for now, but

this way you know about the option.

Now, let's go back to the list view.

Notice that the horizontal select option also affects

the list view if that field is editable in the list view.

For our last trick in this video, let's talk about tabular inline.

Tabular inline is an alternative to stacked inline.

You've already seen stacked inline.

It's how the text inline, quiz inline, and answer inline classes are set up.

So, for example, if we go into these true, false questions, you can see

that the Order, Text and then the Correct are all stacked on top of each other.

That's stacked inline.

Now, this is fine for a model like text, but for answers,

this one, it might be better to have things lined up across like a table.

Hence the name, tabular inline.

Can you guess where we're going with this?

That's right.

All we need to do, is make answer inline inherit from

admin.TabularInline instead of admin.StackedInline.

So we just change this to Tabular.

Refresh our page, awesome.

Now you can easily see all of the answers you've got for this question and

which one is correct.

It's much more readable.

Great work.

Now you know how to change the layout of the detail page,

including how to introduce a horizontal select as opposed to a drop down menu.

And how to change the presentation to stackedInline to tabularInline.

This will make changing information in your model much more intuitive.

Before you go on to the next video, can you think of any other models that might

benefit from some of the changes you've learned to make?