✨ Django Semantic UI admin theme
A completely free (MIT) Semantic UI admin theme for Django. Actually, this is my 3rd admin theme for Django. The first was forgettable, and the second was with Pure CSS. Pure CSS was great, but lacked JavaScript components.
Semantic UI looks professional, and has great JavaScript components.
Log in to the demo with username django
and password semantic-admin
: https://semantic-admin.com
Documentation is on GitHub Pages.
Install from PyPI:
pip install django-semantic-admin
Add to settings.py
before django.contrib.admin
:
INSTALLED_APPS = [
"semantic_admin",
"django.contrib.admin",
...
]
Instead of admin.ModelAdmin
, admin.StackedInline
, or admin.TabularInline
:
class ExampleStackedInline(admin.StackedInline):
pass
class ExampleTabularInline(admin.TabularInline):
pass
class ExampleAdmin(admin.ModelAdmin):
inlines = (ExampleStackedInline, ExampleTabularInline)
Inherit from their Semantic
equivalents:
from semantic_admin import SemanticModelAdmin, SemanticStackedInline, SemanticTabularInline
class ExampleStackedInline(SemanticStackedInline):
pass
class ExampleTabularInline(SemanticTabularInline):
pass
class ExampleAdmin(SemanticModelAdmin):
inlines = (ExampleStackedInline, ExampleTabularInline)
To enable this awesome feature, add filterset_class
to your Django admin:
from semantic_admin.filters import SemanticFilterSet
class DemoFilter(SemanticFilterSet):
class Meta:
model = Demo
fields = ("demo_field",)
class DemoAdmin(SemanticModelAdmin):
filterset_class = DemoFilter
autocomplete_fields
:To enable this awesome feature, add the semantic_autocomplete
property to your Django model:
class DemoModel(models.Model):
@property
def semantic_autocomplete(self):
html = self.get_img()
return format_html(html)
Install dependencies with poetry install
. The demo is built with invoke tasks. For example, cd demo; invoke build
.
Please note, this package uses Fomantic UI the official community fork of Semantic UI.