如何在 joomla 组件后端侧边栏中设置图像图标

Question

我想在 joomla 组件后端的侧边栏中设置图标 JHtmlSidebar::addEntry(JText::_('USERS'),'index.php?option=com_users&view=users',$vName == 'users') 用于创建此侧边栏

Answer 1

我最初的回答是菜单，见下文。

对于边栏，最简单的答案可能就是将自定义 css 添加到管理主题。默认情况下，边栏菜单项上没有类，但您可以在 css 中使用带有属性选择器的 href 标签，如下所示：

/* For each item in the sidebar: */
a[href*="yourview"]{
  display: block; 
  padding: 0 0 0 20px;
  background: transparent url(link/to/img.png) 0 0 no-repeat;
}

也可以通过将文件 /layouts/joomla/sidebars/submenu.php 复制到文件夹 html/layouts/joomla/sidebars/submenu.php 来覆盖边栏输出，并且编辑此文件以按您想要的方式显示。找到更多信息 here。

对于菜单：您似乎可以将其添加到 /administrator/components/com_componentname/componentname.xml 中的管理菜单定义中，如下所示：

<administration>
  <menu img="link/to/icon.png" >COM_COMPONENTNAME</menu>
  <submenu>
    <menu link="option=com_componentname&amp;view=aview" view="aview"
    img="link/to/other-icon.png" alt="Componentname/Aview">
      COM_COMPONENTNAME_TITLE_AVIEW
    </menu>
  </submenu>
</administration>

如果您真的想隐藏文本（不确定我是否理解正确），您需要向后端主题或您的组件添加一些 css 来完成此操作。如果您需要修改备份主题，最好复制 isis-theme，这样您的更改就不会被 joomla 更新覆盖。

Answer 2

您需要确保包含要添加的图标的 CSS。如果您检查您的链接，应该有一个关联的 class。创建您的组件 CSS 以包含您要使用的背景图像。

与管理菜单相关的答案适用于 Joomla 2.5，并且与管理主顶部菜单项相关，而不是侧边栏项。

Answer 3

终于得到了这个问题的答案回答

JHtmlSidebar::addEntry('<span class="dashboard-submenuicon"></span>'.
            JText::_('Dashboard'),
            'index.php?option=com_mycomponent&view=dashboard',
            $vName == 'dashboard'
        );

我们可以编写 css 类似

的代码

.dashboard-submenuicon{
           background-image:url('your_image_url');
            background-repeat: no-repeat;
            display: inline-block;
            height: 22px;
            vertical-align: middle;
            width: 22px;
            margin-right:5px;

}

如何在 joomla 组件后端侧边栏中设置图像图标

How to set Image icon in joomla component backend sidebar

joomla

components

backend