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.
Why?
- Looks professional, with a nice sidebar.
- Responsive design, even tables can stack responsively on mobile.
- JavaScript datepicker and timepicker components.
- JavaScript selects, including multiple selections, which integrate well with Django autocomplete fields.
- Semantic UI has libraries for React and Vue, in addition to jQuery. This means this package can be used to style the admin, and custom views can be added with React or Vue components with the same style.
Install
Install from PyPI:
pip install django-semantic-admin
Add to settings.py before django.contrib.admin:
INSTALLED_APPS = [
"semantic_admin",
"django.contrib.admin",
...
]
Usage
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)
Awesome optional features
- Optional integration with django_filter:
To enable this awesome feature, add filter_class to your Django admin:
from semantic_admin.filters import SemanticFilterSet
class DemoFilter(SemanticFilterSet):
class Meta:
model = Demo
fields = ("demo_field",)
class DemoAdmin(SemanticModelAdmin):
filter_class = DemoFilter
- HTML preview in Django
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)
Contributing
Install dependencies with poetry install. The demo is built with invoke tasks. For example, cd demo; invoke build.
Notes
Please note, this package uses Fomantic UI the official community fork of Semantic UI.
326 Nov 09, 2022
236 Dec 15, 2022
524 Dec 26, 2022
74 Dec 03, 2022
678 Jan 01, 2023
1.2k Jan 08, 2023
5.5k Dec 28, 2022
3.4k Dec 31, 2022
20.2k Jan 02, 2023
326 Dec 03, 2022
1.3k Dec 27, 2022
3.4k Dec 29, 2022
2 Feb 15, 2022
2.5k Jan 03, 2023
61 Dec 18, 2022
4.7k Dec 31, 2022
1.2k Dec 29, 2022
1.3k Dec 31, 2022
1.9k Jan 01, 2023
7k Jan 07, 2023