Gohan a écrit : > That actually works. The thing you have to think about is to set the height > to about the same height as the image and it'll work great. The width can be > set to 100%. > > I still need to know why the container parameter for method onDrop is always > null when I drop an item to a DojoDropContainer. But I can add that to the > jira, if it's a bug that is? > Yes please ;) I will take a look at it Just a question, Are you using Wicket 1.X or wicket 2.X ?
-- Vincent Demay http://www.demay-fr.net/blog > Thanks for your help Vincent. > > > Vincent Demay wrote: > >> Vincent Demay a écrit : >> >>> Gohan a écrit : >>> >>> >>>> I'm having some issues with the DojoDropContainer component of >>>> wicket-contrib-dojo. As soon as I'm setting the layout in the css to be >>>> "float: left;" for the images or whatever I like to drop, it won't work >>>> (i.e. I can't drop any images to the DropContainer). If I switch back to >>>> "float: top;" it works as it should. >>>> >>>> >>>> >>> Ok, I've never tried that , I add an issue on >>> http://www.wicketstuff.org/jira. If you find others bugs, you can add it >>> there >>> (http://www.wicketstuff.org/jira/browse/DOJO-22) >>> >>> >> I took a look at your issue and reproduced it. >> The main problem com from the dropContainer, the div representing drop >> container set width and height to 0 when insides div are "float:left". >> so you can fix the problem by setting a width and a height to your >> dropContainer : >> >> <html> >> <head> >> <title>Untitled Document</title> >> <meta http-equiv="Content-Type" content="text/html; >> charset=iso-8859-1"> >> <style type="text/css"> >> body { font-family : sans-serif; } >> .drag { >> background : #eee; >> border : 1px solid #999; >> -moz-border-radius : 5px; >> width: 200px; >> padding: 4px; >> float:left; >> } >> </style> >> </head> >> >> <body> >> <div> >> <div class="drag" wicket:id="dragContainer1"> pic1.jpg </div> >> <div class="drag" wicket:id="dragContainer2"> pic2.jpg </div> >> <div class="drag" wicket:id="dragContainer3"> pic3.jpg </div> >> <div style="clear:both;"/> >> </div> >> <hr/> >> <div wicket:id="dropContainer" s*tyle="background-color:blue; >> width:400px;height:400px"*> >> <div class="drag" wicket:id="dragContainer4"> pic4.jpg </div> >> <div class="drag" wicket:id="dragContainer5"> pic5.jpg </div> >> </div> >> <div style="clear:both;"/> >> >> >> You can also set float left on the dropConatiner : >> >> <html> >> <head> >> <title>Untitled Document</title> >> <meta http-equiv="Content-Type" content="text/html; >> charset=iso-8859-1"> >> <style type="text/css"> >> body { font-family : sans-serif; } >> .drag { >> background : #eee; >> border : 1px solid #999; >> -moz-border-radius : 5px; >> width: 200px; >> padding: 4px; >> float:left; >> } >> </style> >> </head> >> >> <body> >> <div> >> <div class="drag" wicket:id="dragContainer1"> pic1.jpg </div> >> <div class="drag" wicket:id="dragContainer2"> pic2.jpg </div> >> <div class="drag" wicket:id="dragContainer3"> pic3.jpg </div> >> <div style="clear:both;"/> >> </div> >> <hr/> >> <div wicket:id="dropContainer" *style="background-color:blue; >> float:left"*> >> <div class="drag" wicket:id="dragContainer4"> pic4.jpg </div> >> <div class="drag" wicket:id="dragContainer5"> pic5.jpg </div> >> </div> >> <div style="clear:both;"/> >> >>>> The other issue I have is that whenever I've moved all items from one >>>> drop >>>> container to another (so that the first drop container is now empty) I >>>> cannot drop anything back to this container. >>>> >>>> >>>> >>> In this case, drag container can only be drop on drop container. So if >>> you want to drop back. You should have an other dropContainer where >>> dragContainer are in at page loading. >>> >>> >>>> Has anyone experienced the same issues? I'm using wicket 2.0-SNAPSHOT >>>> and >>>> thus the 2.0-SNAPSHOT version of wicket contrib dojo. >>>> >>>> >>>> >>> wicket-contrib-dojo (WCD) 2.0 is less maintain than WCD 1.3. So if you >>> can prefer 1.3. >>> >>> >>>> Thanks >>>> >>>> >>>> >>> -- >>> Vincent Demay >>> http://www.demay-fr.net/blog/ >>> >>> >>> ------------------------------------------------------------------------- >>> Take Surveys. Earn Cash. Influence the Future of IT >>> Join SourceForge.net's Techsay panel and you'll get the chance to share >>> your >>> opinions on IT & business topics through brief surveys-and earn cash >>> http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV >>> _______________________________________________ >>> Wicket-user mailing list >>> [email protected] >>> https://lists.sourceforge.net/lists/listinfo/wicket-user >>> >>> >> ------------------------------------------------------------------------- >> Take Surveys. Earn Cash. Influence the Future of IT >> Join SourceForge.net's Techsay panel and you'll get the chance to share >> your >> opinions on IT & business topics through brief surveys-and earn cash >> http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV >> _______________________________________________ >> Wicket-user mailing list >> [email protected] >> https://lists.sourceforge.net/lists/listinfo/wicket-user >> >> >> > > ------------------------------------------------------------------------- Take Surveys. Earn Cash. Influence the Future of IT Join SourceForge.net's Techsay panel and you'll get the chance to share your opinions on IT & business topics through brief surveys-and earn cash http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV _______________________________________________ Wicket-user mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/wicket-user
