Re: Change Default font color / style for readonly field

Posted by Erik Bruchez on
URL: https://discuss.orbeon.com/Change-Default-font-color-style-for-readonly-field-tp32659p32668.html


Nelson & all,

Really, this is why we introduced the xxforms:readonly-appearance
attribute: to allow you to produce reasonably nice-looking pages,
without having to change all your controls to xforms:output, without
dealing with writing complex XPath expressions to output the appropriate
labels of xforms:select and xforms:select1 controls, etc.

You can see how this is done with the "View Read-Only" mode of the
Government Forms sample application.

When it comes to styling, and in the absence of a thorough
documentation, the "view source" feature of your web browser is your
friend. You can also use extensions such as Firebug for Firefox, which
allow you to look at your page's DOM really easily. There you can see
the classes and elements produced by the XForms engine.

You will notice that all the "static read-only" controls have an
xforms-static class. You can use this class in your CSS definitions.

Still regarding styling, the tutorial covers a few basics in the section
"Making Things Look Nicer":

   http://www.orbeon.com/ops/doc/intro-tutorial#making-things-look-nicer

-Erik

Nelson Tsang wrote:

> Hello Adrian,
>
> Yes, I had tried the way you did, it works on the one hand, however, on
> the other hand, I need to
> display the same forms, which has input fields with values, in a
> read-only mode. The entire form is read-only and I cannot make all the
> fields as output.
>
> I think the only way at this moment is the xxforms:readonly-appearance
> attribute, how can I change the style of that attribute in the CSS is my
> next question.
>
> Thanks,
> --
> Nelson.
>
>
> On 2/7/07, *Adrian Baker* <[hidden email]
> <mailto:[hidden email]>> wrote:
>
>     Erik Bruchez wrote:
>      > Alessandro Vernet wrote:
>      >> Hi Nelson,
>      >>
>      >> On 2/4/07, Nelson Tsang <[hidden email]
>     <mailto:[hidden email]>> wrote:
>      >>> Yes, I'm thinking of the input fields (xforms:input). The case
>     is, for
>      >>> example, I have some
>      >>> fields which do the auto calculation in the form which is make
>      >>> read-only.
>      >>> However, it become
>      >>> grey out that is not what I want (since the grey color is a little
>      >>> bit hard
>      >>> to read in my form.)
>      >>
>      >> You can do this with CSS, by adding to your page, in the
>     <xhtml:head>:
>      >>
>      >> <xhtml:style type="text/css">
>      >>    .xforms-readonly input { background: white; color: black; }
>      >> </xhtml:style>
>      >>
>      >> This changes the way the browser renders disabled text fields.
>     But the
>      >> browser renders disabled text fields like this for a reason: it
>     give a
>      >> cue to the end user that the value cannot be modified. So I am
>      >> wondering if in this case using an <xforms:output> is not a better
>      >> option.
>      >
>      > Plus IE 6 ignores styling of read-only controls, so styling is not
>      > really a solution since Nelson uses IE.
>      >
>      > -Erik
>     I too had this exact problem: disabled inputs are too hard to read in
>     IE, and there is no way to style them.
>
>     Best bet is to stick to an output, and perhaps try and style it in such
>     a way that the user still understands it's 'data' rather than a label
>     etc. (eg different color, underline, etc, box effect using different
>     background color or border, etc)
>
>     Adrian
>
>
>
>
>     --
>     You receive this message as a subscriber of the
>     [hidden email] <mailto:[hidden email]> mailing list.
>     To unsubscribe: mailto:[hidden email]
>     <mailto:[hidden email]>
>     For general help: mailto:[hidden email]
>     <mailto:[hidden email]>?subject=help
>     ObjectWeb mailing lists service home page: http://www.objectweb.org/wws
>
>
>
>
> --
> --
> Nelson.
> [hidden email] <mailto:[hidden email]>
>

--
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
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws