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

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
A curated list of the latest breakthroughs in AI by release date with a clear video explanation, link to a more in-depth article, and code.

A curated list of the latest breakthroughs in AI by release date with a clear video explanation, link to a more in-depth article, and code

Louis-François Bouchard 2.9k Jan 08, 2023
With Django Hijack, admins can log in and work on behalf of other users without having to know their credentials.

Django Hijack With Django Hijack, admins can log in and work on behalf of other users without having to know their credentials. Docs See http://django

1.2k Jan 05, 2023
Collection of admin fields and decorators to help to create computed or custom fields more friendly and easy way

django-admin-easy Collection of admin fields, decorators and mixin to help to create computed or custom fields more friendly and easy way Installation

Ezequiel Bertti 364 Jan 08, 2023
Allow foreign key attributes in list_display with '__'

django-related-admin Allow foreign key attributes in Django admin change list list_display with '__' This is based on DjangoSnippet 2996 which was mad

Petr Dlouhý 62 Nov 18, 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

Maciej Marczewski 266 Nov 21, 2022
📱 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

elky 248 Sep 02, 2022
Tornadmin is an admin site generation framework for Tornado web server.

Tornadmin is an admin site generation framework for Tornado web server.

Bharat Chauhan 0 Jan 10, 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

Otto srl 678 Jan 01, 2023
A flat theme for Django admin interface. Modern, fresh, simple.

Django Flat Theme django-flat-theme is included as part of Django from version 1.9! 🎉 Please use this app if your project is powered by an older Djan

elky 416 Sep 22, 2022
A minimalist GUI frontend for the youtube-dl. Takes up less than 4 KB.

📥 libre-DL A minimalist GUI wrapper for youtube-dl. Written in python. Total size less than 4 KB. Contributions welcome. You don't need youtube-dl pr

40 Sep 23, 2022
Django Smuggler is a pluggable application for Django Web Framework that helps you to import/export fixtures via the automatically-generated administration interface.

Django Smuggler Django Smuggler is a pluggable application for Django Web Framework to easily dump/load fixtures via the automatically-generated admin

semente 373 Dec 26, 2022
The script that able to find admin panels

admin_panel_finder The script will try to request possible admin panels by reading possible admin panels url then report as 200 YES or 404 NO usage: p

E-Pegasus 3 Mar 09, 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
Code to reproduce experiments in the paper "Task-Oriented Dialogue as Dataflow Synthesis" (TACL 2020).

Code to reproduce experiments in the paper "Task-Oriented Dialogue as Dataflow Synthesis" (TACL 2020).

Microsoft 274 Dec 28, 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
Extendable, adaptable rewrite of django.contrib.admin

django-admin2 One of the most useful parts of django.contrib.admin is the ability to configure various views that touch and alter data. django-admin2

Jazzband 1.2k Dec 29, 2022
With Django Hijack, admins can log in and work on behalf of other users without having to know their credentials.

Django Hijack With Django Hijack, admins can log in and work on behalf of other users without having to know their credentials. Docs 3.x docs are avai

1.2k Jan 02, 2023
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
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
xarray: N-D labeled arrays and datasets

xarray is an open source project and Python package that makes working with labelled multi-dimensional arrays simple, efficient, and fun!

Python for Data 2.8k Dec 29, 2022