πŸ“± 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
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 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
Awesome Video Datasets

Awesome Video Datasets

Yunhua Zhang 462 Jan 02, 2023
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
Tactical RMM is a remote monitoring & management tool for Windows computers, built with Django and Vue.

Tactical RMM is a remote monitoring & management tool for Windows computers, built with Django and Vue. It uses an agent written in golan

Dan 1.4k Dec 30, 2022
A Django admin theme using Twitter Bootstrap. It doesn't need any kind of modification on your side, just add it to the installed apps.

django-admin-bootstrapped A Django admin theme using Bootstrap. It doesn't need any kind of modification on your side, just add it to the installed ap

1.6k Dec 28, 2022
Django application and library for importing and exporting data with admin integration.

django-import-export django-import-export is a Django application and library for importing and exporting data with included admin integration. Featur

2.6k Jan 07, 2023
FastAPI Admin Dashboard based on FastAPI and Tortoise ORM.

FastAPI ADMIN δΈ­ζ–‡ζ–‡ζ‘£ Introduction FastAPI-Admin is a admin dashboard based on fastapi and tortoise-orm. FastAPI-Admin provide crud feature out-of-the-bo

long2ice 1.6k Jan 02, 2023
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
PyMMO is a Python-based MMO game framework using sockets and PyGame.

PyMMO is a Python framework/template of a MMO game built using PyGame on top of Python's built-in socket module.

Luis Souto Maior 61 Dec 18, 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
There is a new admin bot by @sinan-m-116 .

find me on telegram! deploy me on heroku, use below button: If you can't have a config.py file (EG on heroku), it is also possible to use environment

Sinzz-sinan-m 0 Nov 09, 2021
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
Python Crypto Bot

Python Crypto Bot

Michael Whittle 1.6k Jan 06, 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
EOD (Easy and Efficient Object Detection) is a general object detection model production framework.

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

383 Jan 07, 2023
Sandwich Batch Normalization

Sandwich Batch Normalization Code for Sandwich Batch Normalization. Introduction We present Sandwich Batch Normalization (SaBN), an extremely easy imp

VITA 48 Dec 15, 2022
: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
Lazymux is a tool installer that is specially made for termux user which provides a lot of tool mainly used tools in termux and its easy to use

Lazymux is a tool installer that is specially made for termux user which provides a lot of tool mainly used tools in termux and its easy to use, Lazymux install any of the given tools provided by it

DedSecTL 1.8k Jan 09, 2023
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/

mouday 289 Jan 06, 2023