Here is a CSS that could help you:
<!--/*--><css><![CDATA[*/
@namespace xforms url("http://www.w3.org/2002/xforms";);
/* the input values are left aligned */
.xforms-value {
text-align: left;
width: 30em;
}
.xforms-label {
font-weight: bold;
display: block;
}
/* each input is a row in the group table */
.xforms-control {
display: block;
margin-left: 2ex;
}
/* each label within an input is a cell in the input row */
.xforms-input .xforms-label .xforms-textarea {
display: block;
}
/* each value (pseudo-element) is also a cell in the input row */
.xforms-input-value {
display: block;
}
textarea.xforms-value{
width: 30em;
height: 12ex;
}
/*]]></css><!--*/-->
If still too big for you, just change the width on each rule to a lower value
(I use 30 em, that is space for about 30 letters wide)
The CDATA tags are needed if you are creating an external CSS file. You could
embed the css into the <style> tags in XHTML without them.
Hope this helps,
- Bill
De: Chris H. [mailto:[email protected]]
Enviado el: jueves, 31 de octubre de 2013 3:09 p. m.
Para: [email protected]
Asunto: [Xsltforms-support] mobile/small screen css3 for xsltform's xform
Hello XSLTForms list,
please can anyone oblige with an example of CSS working with XSLTForms to style
a mobile/small screen form, to get me on my way please?
this is a link to the original request I posted to the forum:
http://sourceforge.net/p/xsltforms/discussion/878085/thread/db323fba/
Thank you for any help.
Habs
------------------------------------------------------------------------------
November Webinars for C, C++, Fortran Developers
Accelerate application performance with scalable programming models. Explore
techniques for threading, error checking, porting, and tuning. Get the most
from the latest Intel processors and coprocessors. See abstracts and register
http://pubads.g.doubleclick.net/gampad/clk?id=60136231&iu=/4140/ostg.clktrk
_______________________________________________
Xsltforms-support mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/xsltforms-support
