Change the icon of invaild input field

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

Change the icon of invaild input field

nelsontsang
Hello all,

Is there a way I can change the default red "!" icon for the invaild input field to another picture I want?

please help, thanks a lot.

--
--
Nelson.
[hidden email]

--
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
Reply | Threaded
Open this post in threaded view
|

Re: Change the icon of invaild input field

Erik Bruchez
Administrator
Nelson,

Yes you can. This image is currently selected by this CSS rule in
xforms.css:

.xforms-alert-active {
     background-image: url(../../ops/images/xforms/error.gif);
     background-repeat: no-repeat;
     background-position: left center;
}

You can add your own .xforms-alert-active declaration in your own
stylesheet to override this. For example, you could write:

.xforms-alert-active {
     background-image: url(../../my/error/image.gif)
}

That should do the trick.

-Erik

Nelson Tsang wrote:

> Hello all,
>
> Is there a way I can change the default red "!" icon for the invaild
> input field to another picture I want?
>
> please help, thanks a lot.
>
> --
> --
> 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
Reply | Threaded
Open this post in threaded view
|

Re: Change the icon of invaild input field

nelsontsang
Thanks Erik,

that's exactly what I want to have.

--
Nelson.

On 2/7/07, Erik Bruchez <[hidden email]> wrote:
Nelson,

Yes you can. This image is currently selected by this CSS rule in
xforms.css:

.xforms-alert-active {
     background-image: url(../../ops/images/xforms/error.gif);
     background-repeat: no-repeat;
     background-position: left center;
}

You can add your own .xforms-alert-active declaration in your own
stylesheet to override this. For example, you could write:

.xforms-alert-active {
     background-image: url(../../my/error/image.gif)
}

That should do the trick.

-Erik

Nelson Tsang wrote:

> Hello all,
>
> Is there a way I can change the default red "!" icon for the invaild
> input field to another picture I want?
>
> please help, thanks a lot.
>
> --
> --
> 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




--
--
Nelson.
[hidden email]

--
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