Eclipse Community Forums: Remote Application Platform (RAP)

Help

Home

Home » Eclipse Projects » Remote Application Platform (RAP) » RAP Theming (Focus)

Show: Today's Messages :: Show Polls :: Message Navigator

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

Report message to a moderator