首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将自定义css类添加到摇尾仪表板按钮

如何将自定义css类添加到摇尾仪表板按钮
EN

Stack Overflow用户
提问于 2019-10-18 18:43:11
回答 1查看 439关注 0票数 1

我们如何添加自定义类到摇尾仪表板按钮,如‘查看现场’,‘编辑’按钮的内容创建。当我浏览核心文件时,我注意到如下所示的管理页面的核心摇尾挂钩(我知道我们不应该编辑核心文件)

代码语言:javascript
复制
if page.live and page.url:
    yield PageListingButton(
        _('View live'),
        page.url,
        attrs={'target': "_blank", 'rel': 'noopener noreferrer', 'title': _("View live version of '{title}'").format(title=page.get_admin_display_title())},
        priority=30
    )

如果我将'class':'custom-class'添加到attrs值中,则默认类消失,custom-class出现。

做这个的正确方法是什么?

编辑(关于进一步调查)

使用摇尾钩的

我创建了一个新的摇尾应用程序来注册钩子,这样我就可以在不改变核心文件的情况下注册按钮,但是现在我有了两个按钮(重复),但是我希望编辑现有按钮的class attrs值。

代码语言:javascript
复制
from wagtail.core import hooks
from wagtail.admin import widgets as wagtailadmin_widgets
from wagtail.admin.widgets import Button, ButtonWithDropdownFromHook, PageListingButton

@hooks.register('register_page_listing_buttons')
def page_listing_buttons(page, page_perms, is_parent=False):
    if page.live and page.url:
        yield PageListingButton(
            ('View live'),
            page.url,
            attrs={'target': "_blank", 'rel': 'noopener noreferrer', 'title': ("View live version of '{title}'").format(title=page.get_admin_display_title())},
            priority=30
        )
EN

回答 1

Stack Overflow用户

发布于 2019-10-18 19:18:37

文档的这部分应该满足您的需要。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58456541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档