This is a fork of the old Django tabbed admin, available at 4Sigma/django-tabbed-admin.
It is strongly recommended to install this theme from Git using PIP in your project's virtual environment.
pip install django_tabbed_admin2
https://github.com/4Sigma/django-tabbed-admin.git
Simply add the app to your list of installed apps in settings.py
.
INSTALLED_APPS = (
...
'django_tabbed_admin2',
...
)
Django-tabbed-admin, by default, requires the Jquery UI tabs plugin to work. It is packaged with the static files required for functionality, but they are not activated by default to avoid conflicts with other libraries.
To activate the Jquery UI statics, add the following line to the project settings:
TABBED_ADMIN_USE_JQUERY_UI = True
For migrate from the original Django Tabbed Admin, you need to change the import of the TabbedModelAdmin
class from the tabbed_admin
module to the django_tabbed_admin2
module.
find ./ -not -path '*/[@.]*' -name "admin.py" -exec sed -i 's/from tabbed_admin import TabbedModelAdmin/from django_tabbed_admin2 import TabbedModelAdmin/g' {} \;
or using find and replace in your favorite editor.
find: from tabbed_admin import TabbedModelAdmin
replace: from django_tabbed_admin2 import TabbedModelAdmin
To add tabs to a model admin, it should inherit from tabbed_admin.TabbedModelAdmin
and contain a tabs
attribute. The tabs
attribute configuration is similar to the fieldsets
and inlines
setup logic.
A tuple can be created for each tab in the same way as for fieldsets
, except that inlines
can be added anywhere in between.
tab_overview = (
(None, {
'fields': ('name', 'bio', 'style')
}),
MusicianInline,
('Contact', {
'fields': ('agent', 'phone', 'email')
})
)
Then each tuple has to be passed to a tabs
attribute prefixed by the verbose name to display within the tab:
tabs = [
('Overview', tab_overview),
('Albums', tab_album)
]
A full example would be:
from django.contrib import admin
from tabbed_admin import TabbedModelAdmin
from .models import Band, Musician, Album
class MusicianInline(admin.StackedInline):
model = Musician
extra = 1
class AlbumInline(admin.TabularInline):
model = Album
extra = 1
@admin.register(Band)
class BandAdmin(TabbedModelAdmin):
model = Band
tab_overview = (
(None, {
'fields': ('name', 'bio', 'style')
}),
MusicianInline,
('Contact', {
'fields': ('agent', 'phone', 'email')
})
)
tab_album = (
AlbumInline,
)
tabs = [
('Overview', tab_overview),
('Albums', tab_album)
]
Be warned that the tabs will completely reset the fieldsets
and inlines
attributes to avoid conflicts during form saving. Both attributes are overwritten with the entries passed to the tabs
attribute. For the same reasons, it is highly recommended not to overwrite get_fieldsets
or get_inlines
.
You can pass and modify the tabs dynamically the same way you would do for fieldsets
or inlines
.
def get_tabs(self, request, obj=None):
tabs = self.tabs
if obj is not None:
tab_overview = self.tab_overview + ('Social', {
'fields': ('website', 'twitter', 'facebook')
})
tab_ressources = self.tab_ressources + (InterviewInline, )
tabs = [
('Overview', tab_overview),
('Ressources', tab_ressources)
]
self.tabs = tabs
return super(BandAdmin, self).get_tabs(request, obj)
You can change the Jquery UI CSS and JS by either overriding the media in the admin class:
class Media:
css = {
'all': ('css/jquery-ui.theme.min.css',)
}
or by changing the following settings, TABBED_ADMIN_JQUERY_UI_CSS
and TABBED_ADMIN_JQUERY_UI_JS
:
TABBED_ADMIN_JQUERY_UI_CSS = 'static/css/my-custom-jquery-ui.css'
TABBED_ADMIN_JQUERY_UI_JS = 'static/js/my-custom-jquery-ui.js'
Please feel free to contribute. Any help and advice are much appreciated. You will find an example application to run and develop the library easily.