Have you tried the SpinnerButton from wicket-bootstrap?
Does it work for you?
from mobile (sorry for typos ;)
On Fri, Jan 21, 2022, 08:49 Michelle Ee Siew Phing <
michelle...@mcruncher.com> wrote:
> Sorry... missed out the wicket.bootstrap.version
>
> <wicket.bootstrap.version>5.0.5</wicket.bootstrap.version>
>
> On Fri, Jan 21, 2022 at 9:35 AM Michelle Ee Siew Phing <
> michelle...@mcruncher.com> wrote:
>
>> Hi,
>>
>> Checking the examples again... the "hidden" is not removed after clicking
>> on the button, but the style="display:inline" is appended.
>> [image: Screenshot from 2022-01-21 09-04-51.png]
>>
>> I think this would pose an issue with any .css that has the following
>> [hidden] {
>>
>> 1. display: none !important;
>>
>> }
>> Attached herewith the demo using the wicket quickstart
>> wicket-test-1.0-SNAPSHOT.war
>> <https://drive.google.com/file/d/1KM6Trg4NbcLHnH3pK8nx8S1PU4-L41Bd/view?usp=drive_web>
>>
>> In the quick start codes, I've added
>> 1. the required dependencies [pom.xml]
>> <dependency>
>> <groupId>de.agilecoders.wicket</groupId>
>> <artifactId>wicket-bootstrap-core</artifactId>
>> <version>${wicket.bootstrap.version}</version>
>> </dependency>
>>
>> <dependency>
>> <groupId>de.agilecoders.wicket</groupId>
>> <artifactId>wicket-bootstrap-extensions</artifactId>
>> <version>${wicket.bootstrap.version}</version>
>> </dependency>
>>
>> 2. added BootstrapSettings [WicketApplication.java]
>> BootstrapSettings settings = new BootstrapSettings();
>> Bootstrap.install(this, settings);
>>
>> 3. added necessary html elements
>> [HomePage.html]
>> <form wicket:id="form">
>> <h1>Test Indicating Ajax Button</h1>
>> <input type="submit" wicket:id="testButton"/>
>> </form>
>>
>> [HomePage.java]
>> private Form addForm()
>> {
>> Form testForm = new Form("form");
>> testForm.add(addTestButton(testForm));
>> return testForm;
>> }
>>
>> private AjaxButton addTestButton(Form form)
>> {
>> return new IndicatingAjaxButton("testButton", Model.of("Sleep for
>> a while"), form)
>> {
>> @Override
>> protected void onSubmit(AjaxRequestTarget target)
>> {
>> try {
>> Thread.sleep(3000);
>> } catch (InterruptedException e) {
>> e.printStackTrace();
>> }
>> }
>> };
>> }
>>
>> Could we get this fixed?
>>
>> /Michelle
>>
>> On Mon, Jan 17, 2022 at 3:07 PM Martin Grigorov <mgrigo...@apache.org>
>> wrote:
>>
>>> Hi,
>>>
>>> Please check https://examples9x.wicket.apache.org/ajax/links.
>>> The third link demostrates usage of IndicatingAjaxLink.
>>> When clicked it adds style="display:inline" and removes "hidden".
>>> Its source code could be found at
>>>
>>> https://github.com/apache/wicket/blob/63c5fe205de1bea293e3b36ca8e0426b343ccafa/wicket-examples/src/main/java/org/apache/wicket/examples/ajax/builtin/LinksPage.java
>>> Please compare it with your app!
>>> If you are not able to find the problem then please create a mini demo
>>> application and share it with us!
>>>
>>> On Mon, Jan 17, 2022 at 6:08 AM Michelle Ee Siew Phing <
>>> michelle...@mcruncher.com> wrote:
>>>
>>> > Hi,
>>> >
>>> > I am having issues with the loading icon on the IndicatingAjaxButton
>>> and
>>> > IndicatingAjaxLink. Previously I'm on Wicket 9.0.0-M4 and it was
>>> working
>>> > fine. But after upgrading to Wicket 9.0.0-M5 (and later versions), I'm
>>> not
>>> > able to see the loading icon any longer.
>>> >
>>> > I checked further in the code that the AjaxIndicatorAppender now has
>>> the
>>> > hidden attribute instead of the style=display:none. However, when I
>>> click
>>> > the IndicatingAjaxButton, it will still append the
>>> style=display:inline as
>>> > before (but due to the hidden attribute, the icon will not show).
>>> >
>>> > Is there anything else during the upgrade that I needed for the
>>> > IndicatingAjaxButton (and link) to work?
>>> > Please advise.
>>> >
>>> > Thank you. Regards.
>>> > Michelle
>>> >
>>>
>>
