Hi,
Yep, tried the SpinnerButton and it works.
/Michelle

On Fri, Jan 21, 2022 at 11:00 AM Maxim Solodovnik <solomax...@gmail.com>
wrote:

> 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
> >>> >
> >>>
> >>
>

Reply via email to