如何仅在 django admin 中为管理员权限页面增加 filter_horizontal 小部件的宽度？答案

【问题标题】：How can i increase the width of filter_horizontal widget only for admin permission page in django admin?如何仅在 django admin 中为管理员权限页面增加 filter_horizontal 小部件的宽度？
【发布时间】：2011-02-24 08:02:30
【问题描述】：

我正在使用 django 管理功能。但是在我们为特定用户分配权限的“更改用户”部分中，我看到选择多个小部件。这个小部件的宽度对我来说是不够的，我需要增加小部件的宽度或向其添加水平滚动条。我该怎么做？

【问题讨论】：

标签： django django-admin

【解决方案1】：

它可以在 css 中完成，例如使用自定义 css 文件覆盖以下 3 个类。

.selector {
    width: 780px;
    float: left;
}

.selector select {
    width: 370px;
    height: 17.2em;
}

.selector-available, .selector-chosen {
    float: left;
    width: 370px;
    text-align: center;
    margin-bottom: 5px;
}

【讨论】：

是的，我有这个 css 文件，但我不知道应该在哪个模型中添加带有这个 css 作为属性的类 Meta，因为模型是由 django 管理应用程序定义的。
用户型号不确定。我做类似css更改的方式是 - admin/base.html的扩展副本，我已经包含了一个自定义css文件，上面的代码可以添加自定义css。
我尝试通过将自定义 css 文件添加到 base_site.html 来解决您的问题，但文件名 widget.css 会覆盖我在自定义 css 中定义的所有 css 属性。
按照 JamesO 所说的，然后添加 ModelAdmin 媒体定义以使您的 CSS 规则最后加载以覆盖 Django 的基本 CSS 规则 docs.djangoproject.com/en/dev/ref/contrib/admin/…

【解决方案2】：

我必须这样做才能让它发挥作用。

# admin.py
from django.contrib.auth.admin import GroupAdmin
from django.contrib.auth.models import Group

class CustomGroupAdmin(GroupAdmin):

    class Media:

        css = {
            'all': ('admin/css/permissions.css',)

        }

admin.site.unregister(Group)
admin.site.register(Group, CustomGroupAdmin)

最后是admin/css/permissions.css中的CSS文件

.selector {
    width: 1200px;
    float: left;
}

.selector select {
    width: 550px;
    height: 17.2em;
}

.selector-available, .selector-chosen {
    float: left;
    width: 550px;
    text-align: center;
    margin-bottom: 5px;
}

【讨论】：

【解决方案3】：

“Kron”我知道我们可以在 admin.py 文件中将类媒体添加到我们的类中。但是我没有定义任何使用 filter_horizontal 小部件的模型。

但管理应用程序已经定义了使用 filter_horizontal 小部件的“用户”和“组”模型。我需要更改该小部件的宽度。所以我的问题是我不知道应该在哪个类中添加带有 css 的 Meta 类。

【讨论】：