Fieldsets for form layout in Django - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What is the rendered output of this Django admin fieldsets configuration?

Consider this Django admin class:

class BookAdmin(admin.ModelAdmin):
    fieldsets = [
        ('Main Info', {'fields': ['title', 'author']}),
        ('Details', {'fields': ['published_date', 'isbn']}),
    ]

What will the admin form display?

A All fields displayed in one box without any labels.

B Two separate boxes labeled 'Main Info' and 'Details', each containing their respective fields.

C Only the 'Main Info' fields are shown; 'Details' fields are hidden.

D Fields are displayed in alphabetical order ignoring the fieldsets.

💡 Hint

Fieldsets group fields visually with titles in Django admin.

The fieldsets attribute groups fields into labeled sections. Each tuple defines a box with a title and fields inside.

📝 Syntax

intermediate

Identify the syntax error in this fieldsets definition

Which option contains a syntax error in defining Django admin fieldsets?

fieldsets = [
    ('Info', {'fields': ['name', 'email']}),
    ('Extra', {'fields': 'age', 'gender'}),
]

A The tuple labels must be integers, not strings.

B The first tuple is missing a comma after 'email'.

C The second tuple's 'fields' value should be a list, not separate strings.

D Fieldsets must be a dictionary, not a list.

💡 Hint

Check the type of the 'fields' value in each fieldset.

The 'fields' key must have a list or tuple of field names. Writing 'fields': 'age', 'gender' is invalid syntax; it should be 'fields': ['age', 'gender'].

❓ state_output

advanced

What happens if a field in fieldsets does not exist in the model?

Given this admin class:

class AuthorAdmin(admin.ModelAdmin):
    fieldsets = [
        ('Personal', {'fields': ['first_name', 'last_name']}),
        ('Contact', {'fields': ['email', 'phone']}),
    ]

But the model Author has no phone field. What is the result when loading the admin form?

A The 'phone' field is silently ignored and not displayed.

B The admin form crashes with a server 500 error unrelated to fieldsets.

C The form loads but the 'phone' field is shown as an empty input.

D Django admin raises a FieldError indicating the field 'phone' does not exist.

💡 Hint

Django admin validates fields listed in fieldsets against the model fields.

If a field listed in fieldsets is not part of the model, Django admin raises a FieldError to alert the developer.

🔧 Debug

advanced

Why does this fieldsets config cause a form layout issue?

Consider this fieldsets setup:

fieldsets = [
    ('Main', {'fields': ['title', 'author']}),
    ('Extra', {'fields': ['summary', '']})
]

The admin form shows an empty space where the second field should be. Why?

A Because an empty string '' is included as a field name, which is invalid and creates a blank space.

B Because 'summary' is not a valid field in the model.

C Because fieldsets must not have more than one tuple.

D Because the field names must be tuples, not lists.

💡 Hint

Check the list of fields for any invalid entries.

Including an empty string '' as a field name causes Django admin to render a blank space in the form. Field names must be valid model fields.

🧠 Conceptual

expert

How can you make a Django admin fieldset collapsible?

You want to make a fieldset in Django admin that can be expanded or collapsed by the user. Which option correctly achieves this?

A Add 'classes': ['collapse'] to the fieldset dictionary, like ('Advanced', {'fields': [...], 'classes': ['collapse']})

B Wrap the fieldset fields in a <details> HTML tag in the template.

C Use JavaScript to hide and show the fieldset manually; Django admin has no built-in support.

D Set 'collapsible': True in the ModelAdmin options.

💡 Hint

Django admin supports CSS classes on fieldsets for styling and behavior.

Adding the CSS class 'collapse' to a fieldset makes it collapsible in Django admin. This is the built-in way to enable collapsible sections.