RAP Theming (Focus) [message #654799] |
Thu, 17 February 2011 08:36 |
Sudesh Bulathsinhala Messages: 193 Registered: October 2010 |
Senior Member |
|
|
Hello,
We're using CSS in our RAP product to enhance the user-interface elements using themes.
How do we implement the behavior in CSS to mimic the colored-border[ORANGE] when focus is GAINED to the control, and when focus is LOST it should color to default color[GRAY].
We want to implement this on following controls
Text, Combo, CCombo, DateTime, Spinner, etc.
Thanks,
Sudesh
[Updated on: Thu, 17 February 2011 08:37] Report message to a moderator
|
|
|
Re: RAP Theming (Focus) [message #654840 is a reply to message #654799] |
Thu, 17 February 2011 10:31 |
Ivan Furnadjiev Messages: 2427 Registered: July 2009 Location: Sofia, Bulgaria |
Senior Member |
|
|
Hi Sudesh,
you could try the following:
1. Define custom variants for "focused" and "unfocused" state:
Combo.focused, Text.focused {
border: border: 1px solid green;
}
Combo.unfocused, Text.unfocused {
border: border: 1px solid red;
}
2. Add FocusListener to the control and switch the theming custom
variant like:
combo.setData( WidgetUtil.CUSTOM_VARIANT, "focused" );
HTH,
Ivan
On 2/17/2011 10:36 AM, Sudesh Bulathsinhala wrote:
> Hello,
>
> We're using CSS in our RAP product to enhance the user-interface
> elements using themes.
>
> How do we implement the behavior in CSS to mimic the
> colored-border[ORANGE] when focus is GAINED to the control, and when
> focus is LOST it should color to alternative color[GRAY].
>
> We want to implement this on following controls
>
> Text, Combo, CCombo, DateTime, Spinner, etc.
>
>
>
> Thanks,
> Sudesh
>
|
|
|
|
Powered by
FUDForum. Page generated in 0.03943 seconds