📱 An extension for Django admin that makes interface mobile-friendly. Merged into Django 2.0

Last update: Sep 02, 2022

Overview

Django Flat Responsive

django-flat-responsive is included as part of Django from version 2.0! 🎉

Use this app if your project is powered by an older Django version.

Description

django-flat-responsive is an extension for Django admin and django-flat-theme. This app adds CSS file which contains specific media queries for mobile devices, such as phones and tablets.

Installation

Install via pip: pip install django-flat-responsive

For Django 1.9+

Put flat_responsive app in your INSTALLED_APPS before django.contrib.admin:

INSTALLED_APPS = (
    ...
    'flat_responsive',
    'django.contrib.admin',
    ...
)

For older Django versions

If you use Django version older than 1.9 this app will work properly only in pair with django-flat-theme. Put flat_responsive app in your INSTALLED_APPS before flat:

INSTALLED_APPS = (
    ...
    'flat_responsive',
    'flat',
    'django.contrib.admin',
    ...
)

Important note

⚠️ If you have your own custom base_site.html file, you need to add the following lines to it to make this app work:

{% load admin_static %}
{% block blockbots %}
  {{ block.super }}
  <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <link rel="stylesheet" type="text/css" href="{% static 'admin/css/responsive.css' %}" />
  <link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive_rtl.css" %}" />
{% endblock %}

Compatibility

Works in modern mobile browsers which support CSS Flexbox. Older browser may experience varying levels of graceful degradation.

Testing

Tested with:

Guaranteed works in:

iOS Safari 9+
Android Browser 4.4+
Chrome for iOS 30+
Chrome for Android 30+
Firefox for iOS 5.0+
Firefox for Android 50+
Windows Phone IE Mobile 11+

If you found any issues or want this app to support other browser versions - please report here.

Screenshots

Login page

Dashboard

Calendar widget

Comments

file upload input broken due to input width 100%

.aligned .form-row input, 
.aligned .form-row select, 
.aligned .form-row textarea {
    width: 100%;
    margin-right: 0;
    flex: 1 1;
}

Fix:

.aligned .form-row .file-upload input {
    width: auto;
}

opened by fabiocaccamo 2

browser support request. Firefox on android

Hi, as a Firefox enthusiast, I recommend and install it everywhere. I test my websites mostly against it (with Firefox developer tools). I think it already works ok with it but it would be cool to have "official" support. (Even more since Mozilla contributed generously to django [for those who forgot, mozilla contributions]).

opened by Christophe31 1
filter_horizontal and filter_vertical "Add related" button position

How to reproduce this case: filter horizontal in tabular inline, width > 1024

How to reproduce this case: filter vertical in tabular inline, width > 1024

...and if you want to do another little fix, as you can see in the img above the move-up/move-down control is not centered horizontally.

opened by fabiocaccamo 0
messagelist panel alignement fix
The green message panel that we see when we save a model is not aligned in responsive mode.

Before:

Fix:

ul.messagelist li { padding-left: 40px; background-position-x: 15px; }

After:
opened by fabiocaccamo 0
plus button not shown on mobile

Hi there,

I have a m2m field, but on mobile, the + to add models into, is not shown. I'm talking about this: https://www.evernote.com/l/AOZhSzYnE3pOa5z5D0MpURw-PJ_xtwemtKM

opened by m-misseri 1

Releases(2.0)

2.0(Sep 16, 2017)

Refactored code is now less buggy and gives better experience for tablet devices.
Source code(tar.gz)
Source code(zip)
1.3.0(Feb 15, 2017)
Admin docs support

Few minor fixes

Source code(tar.gz)
Source code(zip)
1.2.0(Dec 23, 2016)
What's new:

GeoDjango support

Source code(tar.gz)
Source code(zip)
1.1.0(Dec 15, 2016)
What's new:

RTL support

Windows Phone support fixes

Few visual enhancements

Source code(tar.gz)
Source code(zip)

Owner

elky

GitHub Repository

Helpers to extend Django Admin with data from external service with minimal hacks

django-admin-data-from-external-service Helpers to extend Django Admin with data from external service with minimal hacks Live demo with sources on He

7 Apr 27, 2022

aiohttp admin is generator for admin interface based on aiohttp

17 Nov 16, 2022

Manuskript is an open-source tool for writers.

Manuskript is an open-source tool for writers. Manuskript runs on GNU/Linux, Mac OS X, and Windows.

1.4k Jan 07, 2023

Freqtrade is a free and open source crypto trading bot written in Python

Freqtrade is a free and open source crypto trading bot written in Python. It is designed to support all major exchanges and be controlled via Telegram. It contains backtesting, plotting and money man

20.2k Jan 02, 2023

📱 An extension for Django admin that makes interface mobile-friendly. Merged into Django 2.0

Django Flat Responsive django-flat-responsive is included as part of Django from version 2.0! 🎉 Use this app if your project is powered by an older D

248 Sep 02, 2022

WordPress look and feel for Django administration panel

Django WP Admin WordPress look and feel for Django administration panel. Features WordPress look and feel New styles for selector, calendar and timepi

266 Nov 21, 2022

Firebase Admin Console is a centralized platform for easy viewing and maintenance of Firestore database, the back-end API is a Python Flask app.

Firebase Admin Console is a centralized platform for easy viewing and maintenance of Firestore database, the back-end API is a Python Flask app. A starting template for developers to customize, build

1 Sep 10, 2022

spider-admin-pro

Spider Admin Pro Github: https://github.com/mouday/spider-admin-pro Gitee: https://gitee.com/mouday/spider-admin-pro Pypi: https://pypi.org/

289 Jan 06, 2023

A Django app for easily adding object tools in the Django admin

Django Object Actions If you've ever tried making admin object tools you may have thought, "why can't this be as easy as making Django Admin Actions?"

524 Dec 26, 2022

Jinja is a fast, expressive, extensible templating engine.

Jinja is a fast, expressive, extensible templating engine. Special placeholders in the template allow writing code similar to Python syntax.

9k Jan 04, 2023

EOD (Easy and Efficient Object Detection) is a general object detection model production framework.

383 Jan 07, 2023

Modern theme for Django admin interface

Django Suit Modern theme for Django admin interface. Django Suit is alternative theme/skin/extension for Django administration interface. Project home

2.2k Dec 29, 2022

A cool, modern and responsive django admin application based on bootstrap 5

django-baton A cool, modern and responsive django admin application based on bootstrap 5 Documentation: readthedocs Live Demo Now you can try django-b

678 Jan 01, 2023

Modern responsive template for the Django admin interface with improved functionality. We are proud to announce completely new Jet. Please check out Live Demo

Django JET Modern template for Django admin interface with improved functionality Attention! NEW JET We are proud to announce completely new Jet. Plea

3.4k Dec 29, 2022

FLEX (Federated Learning EXchange，FLEX) protocol is a set of standardized federal learning agreements designed by Tongdun AI Research Group。

Click to view Chinese version FLEX (Federated Learning Exchange) protocol is a set of standardized federal learning agreements designed by Tongdun AI

50 Nov 29, 2022

📱 An extension for Django admin that makes interface mobile-friendly. Merged into Django 2.0

Related tags

Overview

Django Flat Responsive

Description

Installation

Important note

Compatibility

Testing

Screenshots

Comments

file upload input broken due to input width 100%

browser support request. Firefox on android

filter_horizontal and filter_vertical "Add related" button position

messagelist panel alignement fix

plus button not shown on mobile

Releases(2.0)

2.0(Sep 16, 2017)

1.3.0(Feb 15, 2017)

1.2.0(Dec 23, 2016)

1.1.0(Dec 15, 2016)

Owner

elky

Helpers to extend Django Admin with data from external service with minimal hacks

aiohttp admin is generator for admin interface based on aiohttp

Manuskript is an open-source tool for writers.

Freqtrade is a free and open source crypto trading bot written in Python

📱 An extension for Django admin that makes interface mobile-friendly. Merged into Django 2.0

WordPress look and feel for Django administration panel

Firebase Admin Console is a centralized platform for easy viewing and maintenance of Firestore database, the back-end API is a Python Flask app.

spider-admin-pro

A Django app for easily adding object tools in the Django admin

Jinja is a fast, expressive, extensible templating engine.

EOD (Easy and Efficient Object Detection) is a general object detection model production framework.

Modern theme for Django admin interface

A cool, modern and responsive django admin application based on bootstrap 5

Modern responsive template for the Django admin interface with improved functionality. We are proud to announce completely new Jet. Please check out Live Demo

:honey_pot: A fake Django admin login screen page.

PyMMO is a Python-based MMO game framework using sockets and PyGame.

Python books free to read online or download

AdminFinderV1.5 - Hacking Website Admin Finder Defacer Script

There is a new admin bot by @sinan-m-116 .

FLEX (Federated Learning EXchange，FLEX) protocol is a set of standardized federal learning agreements designed by Tongdun AI Research Group。