Opened 3 years ago

Last modified 3 years ago

#32999 closed Uncategorized

Admin Tabular Stacked Inline widget headings are not aligned headings — at Version 3

Reported by: Michael Owned by: nobody
Component: contrib.admin Version: 3.2
Severity: Normal Keywords: tabularinline css style styling
Cc: Triage Stage: Unreviewed
Has patch: no Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: yes UI/UX: no

Description (last modified by Michael)

https://code.djangoproject.com/attachment/ticket/32999/inline%20tabular.png

With the following model:

class ApplicantAdmin(admin.TabularInline):
    model = Application.applicant_set.through

@admin.register(Application)
class ApplicationAdmin(admin.ModelAdmin):
    exclude = ('applicant_set', )
    inlines = (ApplicantAdmin, )

The heading Delete? is on the left, however the delete button is on the right, making it confusing for some people.

Another issue is if the stacktabular has many fields:
Instead of the stacked tabular getting overflow x scroll, the whole page does:
https://code.djangoproject.com/attachment/ticket/32999/notaligned.png

Change History (6)

by Michael, 3 years ago

Attachment: notaligned.png​ added

comment:1 by Michael, 3 years ago

Description: modified (diff)

comment:2 by Michael, 3 years ago

Description: modified (diff)

by Michael, 3 years ago

Attachment: inline tabular.png​ added

If it is quite wide

comment:3 by Michael, 3 years ago

Description: modified (diff)

by Carlton Gibson, 3 years ago

Attachment: Screenshot 2021-08-10 at 08.49.16.png​ added

Screenshot from admin showing Delete input and remove "extra" inline controls.

Note: See TracTickets for help on using tickets.
Back to Top