📱 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

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

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

BitcartCC is a platform for merchants, users and developers which offers easy setup and use.

270 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

48 Dec 15, 2022

Awesome Video Datasets

462 Jan 02, 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

1.6k Jan 02, 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

62 Nov 18, 2022

Django app that enables staff to log in as other users using their own credentials.

Impostor Impostor is a Django application which allows staff members to login as a different user by using their own username and password. Login Logg

144 Dec 13, 2022

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

731 Dec 28, 2022

Responsive Theme for Django Admin With Sidebar Menu

Responsive Django Admin If you're looking for a version compatible with Django 1.8 just install 0.3.7.1. Features Responsive Sidebar Menu Easy install

852 Dec 02, 2022

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

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

1.8k Jan 09, 2023

📱 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

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

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.

BitcartCC is a platform for merchants, users and developers which offers easy setup and use.

Sandwich Batch Normalization

Awesome Video Datasets

FastAPI Admin Dashboard based on FastAPI and Tortoise ORM.

Allow foreign key attributes in list_display with '__'

Django app that enables staff to log in as other users using their own credentials.

Extends the Django Admin to include a extensible dashboard and navigation menu

Responsive Theme for Django Admin With Sidebar Menu

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

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

StyleCLIP: Text-Driven Manipulation of StyleGAN Imagery

xarray: N-D labeled arrays and datasets

A new style for Django admin

Legacy django jet rebooted , supports only Django 3

Modern theme for Django admin interface

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

A python application for manipulating pandas data frames from the comfort of your web browser

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