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

Related tags

Admin Panelscssdjangoresponsive-themedjango-admin
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:

4

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

1

Dashboard

2

Calendar widget

3

Comments
  • file upload input broken due to input width 100%

    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

    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

    filter_horizontal and filter_vertical "Add related" button position

    How to reproduce this case: filter horizontal in tabular inline, width > 1024 schermata 2018-02-06 alle 12 53 17

    How to reproduce this case: filter vertical in tabular inline, width > 1024 schermata 2018-02-06 alle 12 53 05

    ...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

    messagelist panel alignement fix

    The green message panel that we see when we save a model is not aligned in responsive mode.

    Before: schermata 2017-02-07 alle 19 05 34

    Fix:

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

    After: schermata 2017-02-07 alle 19 07 16

    opened by fabiocaccamo 0
  • plus button not shown on mobile

    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)
Owner
elky
elky
GitHub Repository
:honey_pot: A fake Django admin login screen page.

django-admin-honeypot django-admin-honeypot is a fake Django admin login screen to log and notify admins of attempted unauthorized access. This app wa

Derek Payton 907 Dec 31, 2022
Jet Bridge (Universal) for Jet Admin – API-based Admin Panel Framework for your application

Jet Bridge for Jet Admin – Admin panel framework for your application Description About Jet Admin: https://about.jetadmin.io Live Demo: https://app.je

Jet Admin 1.3k Dec 27, 2022
A Django app that creates automatic web UIs for Python scripts.

Wooey is a simple web interface to run command line Python scripts. Think of it as an easy way to get your scripts up on the web for routine data anal

Wooey 1.9k Jan 01, 2023
Simple and extensible administrative interface framework for Flask

Flask-Admin The project was recently moved into its own organization. Please update your references to Flask-Admin 5.2k Dec 29, 2022

Ajenti Core and stock plugins

Ajenti is a Linux & BSD modular server admin panel. Ajenti 2 provides a new interface and a better architecture, developed with Python3 and AngularJS.

Ajenti Project 7k Jan 07, 2023
手部21个关键点检测，二维手势姿态，手势识别，pytorch,handpose

手部21个关键点检测，二维手势姿态，手势识别，pytorch,handpose

Eric.Lee 321 Dec 30, 2022
Real-time monitor and web admin for Celery distributed task queue

Flower Flower is a web based tool for monitoring and administrating Celery clusters. Features Real-time monitoring using Celery Events Task progress a

Mher Movsisyan 5.5k Dec 28, 2022
A configurable set of panels that display various debug information about the current request/response.

Django Debug Toolbar The Django Debug Toolbar is a configurable set of panels that display various debug information about the current request/respons

Jazzband 7.3k Dec 31, 2022
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?"

Chris Chang 524 Dec 26, 2022
A user-friendly JSON editing form for Django admin

A user-friendly JSON editing form for Django admin

Bharat Chauhan 141 Dec 30, 2022
django's default admin interface made customizable. popup windows replaced by modals. :mage: :zap:

django-admin-interface django-admin-interface is a modern responsive flat admin interface customizable by the admin itself. Features Beautiful default

Fabio Caccamo 1.3k Dec 31, 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

Daqi Chen 1 Sep 10, 2022
Python Crypto Bot

Python Crypto Bot

Michael Whittle 1.6k Jan 06, 2023
Extends the Django Admin to include a extensible dashboard and navigation menu

django-admin-tools django-admin-tools is a collection of extensions/tools for the default django administration interface, it includes: a full feature

Django Admin Tools 731 Dec 28, 2022
A python application for manipulating pandas data frames from the comfort of your web browser

A python application for manipulating pandas data frames from the comfort of your web browser. Data flows are represented as a Directed Acyclic Graph, and nodes can be ran individually as the user se

Schlerp 161 Jan 04, 2023
AaPanel - Simple but Powerful web-based Control Panel

Introduction: aaPanel is the International version for BAOTA panel(www.bt.cn) There have millions servers had installed BAOTA panel since 2014 in Chin

bt.cn 1.4k Jan 09, 2023
An administration website for Django

yawd-admin, a django administration website yawd-admin now has a live demo at http://yawd-admin.yawd.eu/. Use demo / demo as username & passowrd. yawd

Pantelis Petridis 140 Oct 30, 2021
Drop-in replacement of Django admin comes with lots of goodies, fully extensible with plugin support, pretty UI based on Twitter Bootstrap.

Xadmin Drop-in replacement of Django admin comes with lots of goodies, fully extensible with plugin support, pretty UI based on Twitter Bootstrap. Liv

差沙 4.7k Dec 31, 2022
A new style for Django admin

Djamin Djamin a new and clean styles for Django admin based in Google projects styles. Quick start Install djamin: pip install -e git://github.com/her

Herson Leite 236 Dec 15, 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