| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
|---|
| 2 | "http://www.w3.org/TR/html4/loose.dtd"> |
|---|
| 3 | <html> |
|---|
| 4 | <head> |
|---|
| 5 | <title>Checkbox tree sample</title> |
|---|
| 6 | |
|---|
| 7 | <style type="text/css"> |
|---|
| 8 | @import "/proserver/dojo/dijit/themes/tundra/tundra.css"; |
|---|
| 9 | @import "/proserver/dojo/dojo/resources/dojo.css"; |
|---|
| 10 | </style> |
|---|
| 11 | |
|---|
| 12 | <script type="text/javascript" src="/proserver/dojo/dojo/dojo.js" djConfig="parseOnLoad: true"> |
|---|
| 13 | </script> |
|---|
| 14 | |
|---|
| 15 | <script type="text/javascript"> |
|---|
| 16 | dojo.require( "dijit.form.Textarea" ); |
|---|
| 17 | dojo.require( "dijit.layout.LayoutContainer" ); |
|---|
| 18 | dojo.require( "dijit.layout.ContentPane" ); |
|---|
| 19 | dojo.require( "dijit.form.Button" ); |
|---|
| 20 | dojo.require( "dijit.Dialog" ); |
|---|
| 21 | </script> |
|---|
| 22 | |
|---|
| 23 | <script type="text/javascript"> |
|---|
| 24 | function invokeDialog() |
|---|
| 25 | { |
|---|
| 26 | var dialog = dijit.byId( "ticketDialog" ); |
|---|
| 27 | dialog.show(); |
|---|
| 28 | } |
|---|
| 29 | </script> |
|---|
| 30 | </head> |
|---|
| 31 | <body class="tundra"> |
|---|
| 32 | |
|---|
| 33 | <br/> |
|---|
| 34 | |
|---|
| 35 | <p>Ignore the gray line in the text area. In my actual code (this is a demo of the problem), I set the style of the border to white, keeping it from being |
|---|
| 36 | visible to the viewer. Note that this text area functions in all the ways that I expect. If too much text is entered, |
|---|
| 37 | the scroll bar appears.</p> |
|---|
| 38 | <div dojoType="dijit.layout.LayoutContainer" class="dijitTextBox" |
|---|
| 39 | style="width: 470px; height: 70px; text-align:left; vertical-align:top; overflow:auto;"> |
|---|
| 40 | <div dojoType="dijit.layout.ContentPane" layoutAlign="top"> |
|---|
| 41 | <form onsubmit="return false"> |
|---|
| 42 | <input dojoType="dijit.form.Textarea" rows="2" cols="55"/> |
|---|
| 43 | </form> |
|---|
| 44 | </div> |
|---|
| 45 | </div> |
|---|
| 46 | |
|---|
| 47 | <div dojoType="dijit.Dialog" id="ticketDialog" title="Faulty Text Area" style="display:none"> |
|---|
| 48 | <table> |
|---|
| 49 | <tr> |
|---|
| 50 | <td> |
|---|
| 51 | The text area below will not accept input. In other examples<br/> |
|---|
| 52 | this works for me, but when more lines are entered in the text area<br/> |
|---|
| 53 | than the LayoutContainer holds, the text area expands outside the container<br/> |
|---|
| 54 | area. This code is the same code as shown in the main page, but because it <br/> |
|---|
| 55 | is in the dialog, it doesn't work the same. |
|---|
| 56 | </td> |
|---|
| 57 | </tr> |
|---|
| 58 | <tr> |
|---|
| 59 | <td> |
|---|
| 60 | <div dojoType="dijit.layout.LayoutContainer" class="dijitTextBox" |
|---|
| 61 | style="width: 470px; height: 70px; text-align:left; vertical-align:top; overflow:auto;"> |
|---|
| 62 | <div dojoType="dijit.layout.ContentPane" layoutAlign="top"> |
|---|
| 63 | <form onsubmit="return false"> |
|---|
| 64 | <input dojoType="dijit.form.Textarea" rows="2" cols="55"/> |
|---|
| 65 | </form> |
|---|
| 66 | </div> |
|---|
| 67 | </div> |
|---|
| 68 | </td> |
|---|
| 69 | </tr> |
|---|
| 70 | <tr> |
|---|
| 71 | <td align="center"> |
|---|
| 72 | <button dojoType="dijit.form.Button" type="submit">OK</button> |
|---|
| 73 | </td> |
|---|
| 74 | </tr> |
|---|
| 75 | </table> |
|---|
| 76 | </div> |
|---|
| 77 | |
|---|
| 78 | <button dojoType="dijit.form.Button" onclick="invokeDialog()">Show dialog</button> |
|---|
| 79 | </body> |
|---|
| 80 | </html> |
|---|
