No problem I can do that, I ask just because it prevent the use of bootstrap feature out of the box.
Richard On Mon, Oct 22, 2012 at 7:12 PM, Paolo Caruccio <[email protected]>wrote: > The margin is required when the html code is generated by web2py in one > string without line breaks and the elements are "inline elements" (as the > "input" element is). > > Please in a view put following code > > <span>case #1</span> > {{=DIV(INPUT(_type='text',_value='first > element'),'\n',INPUT(_type='text',_value='second > element'),INPUT(_type='text',_value='third element'))}} > <br/> > <span>case #2</span> > {{=DIV(INPUT(_type='text',_value='first > element',_style='margin-right:4px;'),INPUT(_type='text',_value='second > element'),INPUT(_type='text',_value='third element'))}} > <br/> > <span>case #3</span> > <div> > <input type='text' value='first element'/> > <input type='text' value='second element'/> > <input type='text' value='third element'/> > </div> > <br/> > <span>case #4</span> > <div><input type='text' value='first element'/><input type='text' > value='second > element'/><input type='text' value='third element'/></div> > > In cases #1 and #2 we have a space between first and second element, but > not between the second and third elements. > Case #3 shows the correct rendering (the code is in a block) > Case #4 shows the wrong rendering (the code is in a line) > > To solve the issue you should override the css rule in web2py.css: > > .input-append>input > { > margin-right:0; > } > > > > > Il giorno lunedì 22 ottobre 2012 22:40:53 UTC+2, Richard ha scritto: > >> Hello, >> >> This line in web2py.css prevent the use of "Prepended and appended >> inputs" of the bootstrap : >> >> Line 33 of web2py.css (web2py 2.1.1) >> input[type=text],input[type=**password],select{width:300px; >> margin-right:5px} >> >> The problem come from the "margin-right:5px" >> >> There should be not margin-right in order to allow the .add-on button to >> be paste just below the input field... >> >> In order to test it someone could just use Chrome and inspect a input >> field append "input-append" to the field div class (formstyle=divs) : >> Ex.: class="w2p_fw input-append" >> Append a span like this one to the field div : >> <span class="add-on">.00</span> >> And set a id to the input : >> id="appendedInput" >> But this not seems to be required even if it explained like this on >> bootstrap site. >> >> >> Why do we use the margin-right for? Could it be removed or replaced by a >> container and magin-left ? >> >> Richard >> >> > -- > > > > --
