Question

我正在为 Joomla 3.1 开发一个组件，我很难将图像添加到JToolbarHelper :: custom（）按钮......基于此tutorial ，我使用以下代码：

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

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

1 个答案: