Thanks, that did the job. Pieter
On Sun, Jan 27, 2013 at 5:35 PM, Sebastien <[email protected]> wrote: > Hi Pieter, > > If you have multiple panel, they all have the same html-id (#resizable). > (and so jquery statement $("#resizable") will only take the first one) > > What you need is to have different (rendered) html ids for each panels. So, > you can simply do: > add(new ResizableBehavior("#" + this.setOutputMarkupId(true).getMarkupId(), > options)); > > Which can be shortened as: > add(new ResizableBehavior(JQueryWidget.getSelector(this), options)); > > Hope this helps, > Sebastien. > > On Sun, Jan 27, 2013 at 5:19 PM, Pieter Claassen <[email protected]> > wrote: > > > I have multiple panels on a page, each once constructed as follows: > > > > * public EditableQuestionPanel(String id, final QuestionBaseWebModel > > questionBaseWebModel, final TemplateWebModel templateWebModel, final > > QuestionEditPanel panel) {* > > * super(id);* > > * Options options = new Options();* > > * options.set("minWidth", 350);* > > * options.set("minHeight", 85);* > > * add(new ResizableBehavior("#resizable",options));* > > > > Here is the HTML for each panel. > > > > *<wicket:panel>* > > * <div id="resizable" class="ui-widget-content">* > > * <div class="question" wicket:id="holder">* > > * <a href="#" wicket:id="editor">* > > * <div id="label" wicket:id="questionDisplayPanel">* > > * </div>* > > * </a>* > > * <span wicket:id="navpanel"></span>* > > * </div>* > > * </div>* > > *</wicket:panel>* > > > > > > I want them each to be resizable but only the first panel ever is. > > > > I am using wicket-jquery-ui. Any idea what I am doing wrong here. Do I > have > > to give each pane a unique html id attribute? > > > > Pieter > > > -- - - - - - - - - - - - - - - - - - - - - Pieter Claassen Musmato B.V. e: [email protected] t: +31 877 848259 w: http://musmato.com - - - - - - - - - - - - - - - - - - - -
