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? 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 > > -- View this message in context: http://www.nabble.com/DojoDropContainer-won%27t-work-with-zero-items-or-%22float%3A-left-%22-tf3286876.html#a9156497 Sent from the Wicket - User mailing list archive at Nabble.com. ------------------------------------------------------------------------- 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
