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