Hello,
I would to use my own "class" on the input. This class is defined in my css file that I include in the theme-portal.xsl file. I create my input like this : <xforms:input ref="/form/mdMontantDemande" xhtml:class="FORMINPUTOBLIGATOIRE" id="mtDemande" xhtml:name="montant Demandé de la subvention" /> the style FORMINPUTOBLIGATOIRE : .FORMINPUTOBLIGATOIRE { color: #000000; font-family: Verdana; font-size: x-small; border-width: 0; border-color: #263A7C; border-style: solid; padding: 1px; background-image : url("/config/theme/images/input/croix.gif"); background-position : right top; background-repeat : no-repeat; } But the html generated doesn't have the good style. for example, there is not the image "croix.gif" on the background. I use OPS 3.5.1. In the 2.8 version, it runs. Could you help me ? thank you. -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
I noticed that if I rename my class like that :
.FORMINPUTOBLIGATOIRE input {...} with the word input, the style is updated. It is strange no ? -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
Administrator
|
In reply to this post by julien-29
Julien,
You don't need to use xhtml:class. You can just use the class attribute. Also, if you look at the generated HTML for an input field: <span id="xforms-element-90" class="datafield xforms-control xforms-input xforms-type-date"> <span class="xforms-date-display">Monday October 29, 2007</span> <input id="input-xforms-element-90" class="xforms-input-input" type="text" tabindex="4" value="2007-10-29" name="xforms-element-90"/> <img id="showcalendar-xforms-element-90" class="xforms-showcalendar" src="/ops/ops/images/xforms/calendar.gif"/> </span> you will understand why you have to write: .FORMINPUTOBLIGATOIRE input ;-) -Erik [hidden email] wrote: > Hello, > > I would to use my own "class" on the input. > This class is defined in my css file that I include in the theme-portal.xsl > file. > I create my input like this : > > <xforms:input ref="/form/mdMontantDemande" xhtml:class="FORMINPUTOBLIGATOIRE" > id="mtDemande" xhtml:name="montant Demandé de la subvention" /> > > the style FORMINPUTOBLIGATOIRE : > > .FORMINPUTOBLIGATOIRE { > color: #000000; > font-family: Verdana; > font-size: x-small; > border-width: 0; > border-color: #263A7C; > border-style: solid; > padding: 1px; > background-image : url("/config/theme/images/input/croix.gif"); > background-position : right top; > background-repeat : no-repeat; > } > > But the html generated doesn't have the good style. > for example, there is not the image "croix.gif" on the background. > I use OPS 3.5.1. > In the 2.8 version, it runs. > > Could you help me ? > thank you. > -- Orbeon Forms - Web Forms for the Enterprise Done the Right Way http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help OW2 mailing lists service home page: http://www.ow2.org/wws |
Free forum by Nabble | Edit this page |