Joomla 3.1 - JToolbarHelper:未显示/显示自定义按钮的图像

Question

我正在为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);

然而,按钮及其文本显示但不显示按钮图标/图像....有人可以帮助弄清楚什么是错的.我尝试了一些其他的解决方案,但得到了相同的结果:/

Answer 1

使用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");