Databases
StackOverflow2013
Postsdbo
POweb2py View : Height (size) of a select box in
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POweb2py View : Height (size) of a select box in
    primarykey
    data
    text
    <p>In web2py, I wish to render a select box with size="3" sothat it will display 3 items (instead of default size 1) ~~~The code, if tested in a standalone html file, works correct (the size is 3)</p> <pre><code>{{extend 'layout.html'}} &lt;h1&gt;ABC&lt;/h1&gt; &lt;FORM name="drop_list" method="POST"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;select id="List1" name="ABC" size="3"&gt;&lt;/select&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="addtype" value="Add to List"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;select id="List2" name="selABC" size="3"&gt;&lt;/select&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;script language="javascript"&gt; function addOption(selectbox,text,value) { var optn = document.createElement("OPTION"); optn.text = text; optn.value = value; selectbox.options.add(optn); } function addOption_list(selectbox){ var ctg = JSON.parse('{{=XML(ctg_list)}}'); for (var i=0; i &lt; ctg.length; ++i){ addOption(document.drop_list.ABC, ctg[i], ctg[i]); } } window.onload = addOption_list; &lt;/script&gt; &lt;script&gt; $('#addtype').click(function(){ var index=document.getElementById("List1").selectedIndex; var elOpt = document.getElementById("List1").options[index]; var elSel = document.getElementById("List2"); var elOptNew = document.createElement("option"); elOptNew.text = elOpt.text; elOptNew.value = elOpt.value; try { elSel.add(elOptNew, null);} // standards compliant doesnt work in IE catch(ex) { elSel.add(elOptNew);} // IE only }) &lt;/script&gt; </code></pre> <p>In web2py view, its height(size) remains unaltered (1). It displays a tiny scrollbar though.</p> <p>Any tip as to why my code in web2py "View" is not able to override the default size of 1?</p> <p>Thanks, Vineet</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USVineet
    1. USVineet
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POweb2py View : Height (size) of a select box in
      1. This table or related slice is empty.
      1. VTUpMod
    1. COIt works OK for me in the current 'welcome' app. Can you show some code?
      singulars
      1. POweb2py View : Height (size) of a select box in
      1. USAnthony
    2. CO@Anthony, I have edited my original post to include the code in "View" file. Secondly, I also tried to render this select box in welcome app. But the result is same (size="1" is unaltered) Maybe, you can indicate a possible bug in this code; or any other workaround.
      singulars
      1. POweb2py View : Height (size) of a select box in
      1. USVineet
    3. COSorry, I cannot replicate your problem. I pasted your exact code above into the index.html view file of the standard web2py 'welcome' app in version 1.98.2, and I get two select boxes that are both 3 lines in height. What browser and OS are you using? Have you tried other browsers? Maybe you can send a full application replicating the problem to the web2py mailing list.
      singulars
      1. POweb2py View : Height (size) of a select box in
      1. USAnthony
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload