Как установитьзначок в Liferay без использования Javascript?

Question

Я пытаюсь установить значок на <aui:button>, как в этом учебнике . Но решение, описанное там, не работает в моем случае, потому что у меня есть таблица, и в каждой строке у меня есть кнопка с различным resourceUrl. Как это:

<portlet:resourceURL id="saveReport" var="saveReportURL">
   <portlet:param name="reportId" value="${report.reportId}" />
</portlet:resourceURL>

<aui:button onclick="location.href = '${saveReportURL}'"> 

Можно ли установить значок в <aui:button> без использования JavaScript, как описано в руководстве?

Спасибо

Answer 1

Вы можете написать этот код для настройки значка кнопки Liferay Alloy

<aui:button type="cancel" cssClass="btn-info" icon="icon-upload-alt" iconAlign="right" value="upload" />

для этого параметра необходимо использовать атрибут icon" Значок глифы "
вам нужно использовать cssClass для добавления дополнительного класса кнопки дизайна для проектирования
вам нужно установить iconAlign атрибут для левой или правой стороны значения кнопки

Answer 2

Вы можете добавить значок к кнопке, не используя JavaScript, добавив один из этих Icon классов CSS к своей кнопке.Например, если вы хотите создать кнопку со значком календаря, ваш код должен выглядеть примерно так:

<aui:button class="icon-calendar" ... />