Re: ResizableBehavior multiple resizable panels on a page

2013-01-27 Thread Pieter Claassen
Thanks, that did the job.

Pieter

On Sun, Jan 27, 2013 at 5:35 PM, Sebastien  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 
> 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.
> >
> > **
> > **
> > **
> > **
> > **
> > **
> > **
> > * *
> > **
> > **
> > **
> >
> >
> > 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: pieter.claas...@musmato.com
  t: +31 877 848259
  w: http://musmato.com
- - - - - - - - - - - - - - - - - - - -


Re: ResizableBehavior multiple resizable panels on a page

2013-01-27 Thread Sebastien
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  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.
>
> **
> **
> **
> **
> **
> **
> **
> * *
> **
> **
> **
>
>
> 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
>