1

我正在为Joomla 3.1开发一个组件，并且在将图像添加到 JToolbarHelper::custom() 按钮时遇到了一些困难......基于本教程，我正在使用以下代码：

JToolBarHelper::custom( '', '../administrator/components/com_hmi/assets/css/icon-32-window.png', 
                    '../administrator/components/com_hmi/assets/css/icon-32-window.png', 'Window', true);

但是显示按钮及其文本，但不显示按钮图标/图像....有人可以帮助找出问题所在。我尝试了其他一些解决方案，但得到了相同的结果：/

4

1 回答 1

7

使用 className 并注入 css。即来自我的组件 Little Helper（参见“ccfs”类）

函数定义：

custom($task = '', $icon = '', $iconOver = '',...

我的代码：

JToolBarHelper::custom( 'trash_n_cache.cleanfscache','ccfs' ,'ccfs',...

在 Joomla 2.5 上呈现此标记：

<a class="toolbar" onclick="Joomla.submitbutton('trash_n_cache.cleanfscache')" href="#">
  <span class="icon-32-ccfs"></span>
  Clean cache
</a>

以及 Joomla 3.x 上的这个标记：

<button class="btn btn-small" onclick="Joomla.submitbutton('trash_n_cache.cleanfscache')" href="#">
<i class="icon-ccfs "></i>
Clean cache
</button>

我的样式是：（请注意，J2.5 中的图标是 32*32，在 Joomla 3.x 中是 16*16）

.icon-16-ccfs, i.icon-ccfs {
    background-image:
        url(../images/cachefs16.png)
}

.icon-32-ccfs {
    background-image:
        url(../images/cachefs32.png)
}

您可以注入：

$document = JFactory::getDocument();
$document->addStyleDeclaration($cssRules)

或链接为外部 css 中的资源：

$document = JFactory::getDocument();
$document->addStyleSheet("components/com_littlehelper/assets/css/littlehelper.css");
于 2013-07-03T08:00:16.497 回答