I added the screenshots as PNG files. What I have in modal window: just plain HTML text;
Whether you have another page in modal window (iframe) or a panel: just one panel. See the source code: ---------------------Page window which contains the modal window----------- <div wicket:id="updateModalWindow"></div> ---------------------Content in modal window: parent and child panels -------- (parent------------------) <html xmlns="http://www.w3.org/1999/xhtml"; xmlns:wicket="http://wicket.apache.org/"; xml:lang="en" lang="en"> <wicket:panel> <p wicket:id="instructionLabel"></p> <table border="0" width="100%"> <tr> <td align="right" style="padding-top:0px"> * Required </td> </tr> </table> <form wicket:id="inputForm"> <table border="0" width="100%"> <wicket:child></wicket:child> </table> <div wicket:id="feedback"></div> <table border="0" width="100%"> <tr><td align="left" width="50%"> <input type="submit" wicket:id="save" value="Save"/> <input type="button" wicket:id="cancel" value="Cancel"/> </td> <td align="right"> <button type="button" value="Help" wicket:id="helpButton">Help</button> </td> </tr> </table> </form> </wicket:panel> </html> (child-------------) <html xmlns="http://www.w3.org/1999/xhtml"; xmlns:wicket="http://wicket.apache.org/"; xml:lang="en" lang="en"> <wicket:extend> <!-- Property/Column 1: firstName, required --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="firstName"/></td> </tr> <!-- Property/Column 2: lastName, required --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="lastName"/></td> </tr> <!-- Property/Column 3: bemsId, required --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="bemsId"/></td> </tr> <!-- Property/Column 4: userCode, required --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="userCode"/></td> </tr> <!-- Property/Column 5: phoneNumber, required --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="phoneNumber"/></td> </tr> <!-- Property/Column 6: emailAddress, required --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="emailAddress"/></td> </tr> <!-- Property/Column 7: jobTitle --> <tr> <td><!-- add this line if it is not required --> </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="jobTitle"/></td> </tr> <!-- Property/Column 8: organization --> <tr> <td><!-- add this line if it is not required --> </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="organization"/></td> </tr> <!-- Property/Column 9: countryOfCitizenship --> <tr> <td><!-- add this line if it is not required --> </td> <td align="left" width="30%"></td> <td align="left"><input type="text" wicket:id="countryOfCitizenship"/></td> </tr> <!-- Property/Column 10: isActive, drop-down list --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <!-- Here we use drop-down list--> <td align="left"><select wicket:id="isActiveChoice" /></td> </tr> <!-- Property/Column 11: assignedRoles, drop-down list --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <!-- Here we use drop-down list--> <td align="left"><select wicket:id="assignedRoles"/></td> </tr> <!-- Property/Column 12: userType, drop-down list --> <tr> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <!-- Here we use drop-down list--> <td align="left"><select wicket:id="userType"/></td> </tr> <!-- Property/Column 13: airlineDropDownListContainer --> <tr wicket:id="airlineDropDownListContainer"> <!-- Property/Column 13.1: assignedAirline, drop-down list --> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <!-- Here we use drop-down list--> <td align="left"><select wicket:id="assignedAirline"/></td> </tr> <!-- Property/Column 14: mroDropDownListContainer --> <tr wicket:id="mroDropDownListContainer"> <!-- Property/Column 14.1: assignedMro, drop-down list --> <td><!-- add this line if it is required --> * </td> <td align="left" width="30%"></td> <!-- Here we use drop-down list--> <td align="left"><select wicket:id="assignedMro"/></td> </tr> </wicket:extend> </html> - Valentine Matej Knopp-2 wrote: > > That depends on what you have in modal window. You need to style modal > window content. And that also depends on whether you have another page > in modal window (iframe) or a panel. >> >> By the way, what format file can I use to post the screenshots? > png? > > -Matej > http://www.nabble.com/file/p21635482/1.PNG 1.PNG http://www.nabble.com/file/p21635482/2.PNG 2.PNG -- View this message in context: http://www.nabble.com/Two-vertical-scrollbars-in-ModalWindow-with-Panel-content-show-tp21634007p21635482.html Sent from the Wicket - User mailing list archive at Nabble.com. --------------------------------------------------------------------- To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
