Re: Two vertical scrollbars in ModalWindow with Panel content show
Again, this is a styling issue. It has very little to do with Wicket. I noticed things like table width=100%, etc. in your code. Such naive styling can lead to many unexpected results, especially in internet explorer. -Matej On Mon, Jan 26, 2009 at 7:02 PM, mailingl...@jorgenpersson.se mailingl...@jorgenpersson.se wrote: There was only links to two png's in your post... But changing the 2 to a 5 in the link shows it *http://www.nabble.com/file/p21635482/5.PNG *Valentine2008 skrev: Attached 5.PNG in my previous post shows there are two vertical scrollbars. Matej Knopp-2 wrote: There is only one vertical scrollbar on the screenshots, where's the other one? On Sat, Jan 24, 2009 at 1:33 AM, Valentine2008 valentine.wic...@gmail.com wrote: 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% trtd 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=helpButtonHelp/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=leftinput 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=leftinput 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=leftinput 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=leftinput 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=leftinput 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=leftinput type=text wicket:id=emailAddress//td /tr !-- Property/Column 7: jobTitle -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput type=text wicket:id=jobTitle//td /tr !-- Property/Column 8: organization -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput type=text wicket:id=organization//td /tr !-- Property/Column 9: countryOfCitizenship -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput type=text wicket:id=countryOfCitizenship//td /tr !-- Property/Column 10: isActive, drop-down list -- tr td!-- add this line
Re: Two vertical scrollbars in ModalWindow with Panel content show
Hi, this is a styling issue. Problem is in your CSS. Also, please don't post screenshots in word document. -Matej On Fri, Jan 23, 2009 at 11:52 PM, Valentine2008 valentine.wic...@gmail.com wrote: I use a ModalWindow with Panel content as a pop-up input form with feedback panel. When an invalid input was given, the feedback panel will show the error message. However, at this time, the ModalWindow will show one vertical scrollbar and one horizonal scrollbar. And the content panel will show another vertical scrollbar. How can I get rid of the vertical scrollbar of the content panel? Please see the attached Windows doc file for those screenshots. Thanks, Valentine http://www.nabble.com/file/p21634007/ModalWindow.doc ModalWindow.doc -- View this message in context: http://www.nabble.com/Two-vertical-scrollbars-in-ModalWindow-with-Panel-content-show-tp21634007p21634007.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 - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Two vertical scrollbars in ModalWindow with Panel content show
I tried different values for overflow in the page window, the modal window's appearance is the same. (for example, when I change the page window HTML to contain div wicket:id=updateModalWindow style=overflow: hidden;/div from div wicket:id=updateModalWindow/div) Seems ModalWindow overwrites the style I define. Is there a way to change the overflow property defined by ModalWindow? By the way, what format file can I use to post the screenshots? -valentine Matej Knopp-2 wrote: Hi, this is a styling issue. Problem is in your CSS. Also, please don't post screenshots in word document. -Matej -- View this message in context: http://www.nabble.com/Two-vertical-scrollbars-in-ModalWindow-with-Panel-content-show-tp21634007p21635245.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
Re: Two vertical scrollbars in ModalWindow with Panel content show
On Sat, Jan 24, 2009 at 1:08 AM, Valentine2008 valentine.wic...@gmail.com wrote: I tried different values for overflow in the page window, the modal window's appearance is the same. (for example, when I change the page window HTML to contain div wicket:id=updateModalWindow style=overflow: hidden;/div from div wicket:id=updateModalWindow/div) Seems ModalWindow overwrites the style I define. Is there a way to change the overflow property defined by ModalWindow? 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 -valentine Matej Knopp-2 wrote: Hi, this is a styling issue. Problem is in your CSS. Also, please don't post screenshots in word document. -Matej -- View this message in context: http://www.nabble.com/Two-vertical-scrollbars-in-ModalWindow-with-Panel-content-show-tp21634007p21635245.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 - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Re: Two vertical scrollbars in ModalWindow with Panel content show
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% trtd 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=helpButtonHelp/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=leftinput 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=leftinput 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=leftinput 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=leftinput 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=leftinput 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=leftinput type=text wicket:id=emailAddress//td /tr !-- Property/Column 7: jobTitle -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput type=text wicket:id=jobTitle//td /tr !-- Property/Column 8: organization -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput type=text wicket:id=organization//td /tr !-- Property/Column 9: countryOfCitizenship -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput 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=leftselect 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
Re: Two vertical scrollbars in ModalWindow with Panel content show
There is only one vertical scrollbar on the screenshots, where's the other one? On Sat, Jan 24, 2009 at 1:33 AM, Valentine2008 valentine.wic...@gmail.com wrote: 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% trtd 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=helpButtonHelp/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=leftinput 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=leftinput 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=leftinput 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=leftinput 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=leftinput 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=leftinput type=text wicket:id=emailAddress//td /tr !-- Property/Column 7: jobTitle -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput type=text wicket:id=jobTitle//td /tr !-- Property/Column 8: organization -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput type=text wicket:id=organization//td /tr !-- Property/Column 9: countryOfCitizenship -- tr td!-- add this line if it is not required -- nbsp; /td td align=left width=30%/td td align=leftinput 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=leftselect 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--