📱 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

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

1.4k Jan 09, 2023

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

1.3k Dec 27, 2022

A platform used with frabit-server and frabit

1 Mar 03, 2022

Passhunt is a simple tool for searching of default credentials for network devices, web applications and more. Search through 523 vendors and their 2084 default passwords.

1.1k Dec 31, 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

1.3k Dec 31, 2022

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

416 Sep 22, 2022

Sandwich Batch Normalization

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

48 Dec 15, 2022

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

321 Dec 30, 2022

An improved django-admin-tools dashboard for Django projects

django-fluent-dashboard The fluent_dashboard module offers a custom admin dashboard, built on top of django-admin-tools (docs). The django-admin-tools

326 Nov 09, 2022

AdminFinderV1.5 - Hacking Website Admin Finder Defacer Script

Assalamualaikum Kembali Lagi bersama gua sang culun+nolep ini :v AdminFinder New

2 Feb 15, 2022

Material design for django administration

Django Material Administration Quick start pip install django-material-admin Add material.admin and material.admin.default to your INSTALLED_APPS sett

279 Jan 05, 2023

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

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

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

1.4k Dec 30, 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

3 Mar 09, 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

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