Как я могу изменить css (например, положение) индикатора активности Wicket?

Question

Я использую IAjaxIndicatorAware для панели, содержащей несколько элементов, которые могут вызывать AJAX. В настоящее время индикатор отображается под панелью, и мне нужно изменить его положение - как мне это сделать?

Answer 1

Если вы используете IAjaxIndicatorAware, у вас есть компонент Wicket, реализующий IAjaxIndicatorAware. В этом случае Wicket просто делает видимым элемент HTML с id == IAjaxIndicatorAware # getAjaxIndicatorMarkupId, используя jQuery.show($('#indicatorId')). Этот элемент HTML размещается вами где-нибудь на вашей странице, поэтому вы полностью контролируете его. Например, вы можете добавить правило CSS, например:

#indicatorId {
   // padding: ...
   // margin: ...
}

Но если вы используете org.apache.wicket.extensions.ajax.markup.html.AjaxIndicatorAppender, тогда вы должны использовать CSS класс, возвращаемый org.apache.wicket.extensions.ajax.markup.html.AjaxIndicatorAppender#getSpanClass() как селектор CSS.