django-vue-tabs

Django: Add tabs to ModelAdmin


License
MIT
Install
pip install django-vue-tabs==0.0.13

Documentation

Django Tabs

Usage

Add django_vue_tabs to INSTALLED_APPS

Add TabsMixin in your ModelAdmin

from django_vue_tabs.admin import TabsMixin

class QuestionAdmin(TabsMixin, admin.ModelAdmin):

Define fieldsets classes

fieldsets = [
    ('Text', {
        'fields': ['question_text'],
        'classes': ('fieldset-text',),
    }),
    ('Date information', {
        'fields': ['pub_date'],
        'classes': ('fieldset-text',),
    }),
]

Define Innline classes

class ChoiceInline(admin.TabularInline):
    ...
    classes = ('inline-choices',)

Set tabs array in your ModelAdmin

class QuestionAdmin(TabsMixin, admin.ModelAdmin):
    ...

    tabs = (
        ("Tab 1", ('fieldset-text',)),
        ('Tab 2', ('inline-choices',))
    )

Example image:

Credits

  • Alexandre Busquets Triola - MICRODISSENY GISCUBE SL

This package uses Spatie bvba vue-tabs-component.

License

The MIT License (MIT). Please see License File for more information.