draggable/moveable rich:panel?

[juangon]

Does exist a correct way to make a rich:panel moveable/draggable?

I did it by using rich:jQuery query="draggable", but I had to apply some style to the outer h:form (height:100%;width:100%) and I don't like it much..

May be possible to add the "moveable" or/and "resizable" attribute(s) to rich:panel component to make this? (something similar to rich:modalPanel but without being modal).

Thanks very much!

[ilya_shaikovsky]

try this class with modal panel

.rich-mpnl-mask-div{
display:nonel
}

[juangon]

"ilya_shaikovsky" wrote:
try this class with modal panel

.rich-mpnl-mask-div{
display:nonel
}

Thanks for the quick response! I will try it.

[juangon]

"juangon" wrote:

"ilya_shaikovsky" wrote:
try this class with modal panel

.rich-mpnl-mask-div{
display:nonel
}

Thanks for the quick response! I will try it.

Ups! But there is a way to apply this styles only to the rich:modalPanels I want?

Thanks again!

[ilya_shaikovsky]

 <style>
 #mp .rich-mpnl-mask-div{
 display:none;
 }
 </style>

<rich:modalPanel id="mp" domElementAttachment="parent" ..>

should finally works for you..

[ilya_shaikovsky]

and for sure this will be even better:

 .noMaskClass .rich-mpnl-mask-div{
 display:none;
 }
 </style>
 <rich:modalPanel minHeight="200" minWidth="450" styleClass="noMaskClass"
 height="200" width="500">

1) no id required.
2) panel attachment not changed.

[juangon]

Another thing before testing it tomorrow: Could be any problem if I have several rich:modalPanel with this css trick opened at the same time (perhaps the only thing to do is having an h:form inside every rich:modalPanel) ? I wanted to have more than one draggable windows in the same .xhtml.
Thanks!

[ilya_shaikovsky]

You could avoid forms limitations if turn off the modal panel DOM repositioning.. (domElementAttachment="parent")

[juangon]

Oh shit!

Doesn't work in IE 6 (works perfect in FF 3).

When I try to open the modal panel with #{rich:component} or Richfaces.showModalPanel it shows me a javascript error like something like this (translated from spanish):

"cannot set the focus to the control because component isn't visible, isn't active or doesn't accept it"

Any ideas?

Thanks very much

[ilya_shaikovsky]

Yes.. it's a shame but I forgot to check this "great" browser :) Now working on workaround.

[juangon]

"ilya_shaikovsky" wrote:
Yes.. it's a shame but I forgot to check this "great" browser :) Now working on workaround.

Yeah I agree, it's the worst browser ever, but I am developing for more than 1.000 computers and that decision is not mine, unfortunately.

Thank you very much for your patience!

[juangon]

Any progress on this? I have tried to change css class for the div in grey color from behind the modal panel div, but no luck.

If you achieve something, please let me know.

Thanks very much!

[juangon]

Perhaps this may help on solving this:
http://www.jboss.org/index.html?module=bb&op=viewtopic&p=4156414
Can't test it today.

Please help! Need to have this working A.S.A.P.

Thanks very much!

[juangon]

Perhaps this may help on solving this:
http://www.jboss.org/index.html?module=bb&op=viewtopic&p=4156414

Doesn't work...

Don't know how to solve this for IE...

Thanks!

[ilya_shaikovsky]

solved. jroller post updated and reposted at in.relation.to