You can use CSS to control the positon of the busy indicating image. To place it right from the button use
span.wicket-ajax-indicator img { margin:0; padding:0; padding-left: 2px; display: inline; white-space: nowrap; } Use other css code for other positioning. Stefan -----Ursprüngliche Nachricht----- Von: Martin Makundi [mailto:[EMAIL PROTECTED] Gesendet: Dienstag, 29. Januar 2008 20:12 An: users@wicket.apache.org Betreff: Re: Ajax Busy Indicator Hi! I can get the default behaviour to work. However, I do not want the ajax indicator icon to be appended after the button. Instead, I want to simply mark it elsewhere in my html file to position it suitably. I have not found a way to separate the button from the icon in the markup. I am new to Wicket, so I haven't got my mind wrapped around this the right way yet. To put it in swing, I would set the icon visible on default render. Then I would set it visible for the duration of the processing and set it invisible again after that. At least this is what it should look like, but I cannot seem to get the pieces together nicely. Anybody can help? Anyone have boilerplate code for the same problem? ** Martin 2008/1/29, Michael Sparer <[EMAIL PROTECTED]>: > > Take a look at IndicatingAjaxButton in the extensions-project and > adapt it for your form. > If you don't mind taking the default indicator, you can use > WicketAjaxIndicatorAppender just like in the mentioned class > > > > Martin Makundi wrote: > > > > Hi! > > > > Can anyone help? I am having difficulties showing a bysy indicator > > besides the submit button, while the form is being submitted and > > processed. I have only found pieces of varying examples and I have > > tried to put them work together, but it just does not seem want to > > show the indicator. Here is my code: > > > > public class Login extends WebPage { > > // ... default constructor contents: > > final Form loginForm = new Form(LOGIN_FORM, new Model()); > > final AjaxIndicatorContainer indicatorContainer = new > > AjaxIndicatorContainer(); > > indicatorContainer.setOutputMarkupId(true); > > loginForm.add(indicatorContainer); > > final SubmitLink loginButton = new SubmitLink(LOGIN_BUTTON, > > new > > Model()) { > > /** > > * @see org.apache.wicket.markup.html.form.SubmitLink#onSubmit() > > */ > > @Override > > public void onSubmit() { > > super.onSubmit(); > > Thread.sleep(5000); // Simulate form processing > > } > > }; > > abstract class AjaxFormSubmitIndicator extends > > AjaxFormSubmitBehavior implements IAjaxIndicatorAware { > > /** > > * Constructor for TODO > > * > > */ > > public AjaxFormSubmitIndicator() { > > super("onchange"); // I have tried "onchange" and "onclick" > > } > > } > > loginButton.add(new AjaxFormSubmitIndicator() { > > @Override > > protected void onError(AjaxRequestTarget arg0) { > > // TODO Auto-generated method stub > > } > > > > @Override > > protected void onSubmit(AjaxRequestTarget arg0) { > > loginButton.onSubmit(); > > } > > > > public String getAjaxIndicatorMarkupId() { > > return indicatorContainer.getMarkupId(); > > } > > }); > > loginForm.add(loginButton); > > > > // ... etc.. > > > > add(new FeedbackPanel("feedback")); > > add(loginForm); > > } > > > > > > > > > > public class AjaxIndicatorContainer extends WebMarkupContainer { > > /** > > * > > */ > > private static final long serialVersionUID = 5573778050703849297L; > > /** > > * > > */ > > public static final String INDICATOR_MARKUP_ID = "ajaxIndicator"; > > > > /** > > * Constructor for TODO > > */ > > public AjaxIndicatorContainer() { > > super(INDICATOR_MARKUP_ID); > > } > > > > /** > > * @see > > org.apache.wicket.Component#onComponentTag(org.apache.wicket.markup.ComponentTag) > > */ > > @Override > > protected void onComponentTag(ComponentTag tag) { > > super.onComponentTag(tag); > > tag.put("src",urlFor(AbstractDefaultAjaxBehavior.INDICATOR)); > > } > > > > > > > > > > <body> > > <wicket:extend> > > <h1>Login</h1> > > Feedback messages will be here. > > <form wicket:id="loginForm"> > > <table border="0" cellspacing="0" cellpadding="2" align="center"> > > <tr><td NOWRAP width="80" align="right"> > > Username: > > </td> > > <td><input type="text" wicket:id="userId"></td></tr> <tr><td NOWRAP > > align="right"> > > Password: </td><td><input type="password" > > wicket:id="password"></td></tr> <tr><td align="right"> # </td><td > > NOWRAP> <input type="submit" value="Sign in" > > wicket:id="loginButton"> </td></tr> </table> </form> > > </wicket:extend> </body> > > > > > > ** > > Martin > > > > -------------------------------------------------------------------- > > - To unsubscribe, e-mail: [EMAIL PROTECTED] > > For additional commands, e-mail: [EMAIL PROTECTED] > > > > > > > > > ----- > Michael Sparer > http://talk-on-tech.blogspot.com > -- > View this message in context: > http://www.nabble.com/Ajax-Busy-Indicator-tp15153150p15160382.html > Sent from the Wicket - User mailing list archive at Nabble.com. > > > --------------------------------------------------------------------- > To unsubscribe, e-mail: [EMAIL PROTECTED] > For additional commands, e-mail: [EMAIL PROTECTED] > > --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED] --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]