Eclipse Community Forums: Eclipse Scout » [neon] How to set the background of the field with focus to yellow

Help

Home

Home » Eclipse Projects » Eclipse Scout » [neon] How to set the background of the field with focus to yellow

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

[neon] How to set the background of the field with focus to yellow [message #1732719]

Thu, 19 May 2016 13:50

Urs Beeli

Messages: 573
Registered: October 2012
Location: Bern, Switzerland

Senior Member

We want to set the background of the field that currently has the focus to yellow.

We thought this should be fairly simple using CSS.

We have the following file in our html project:
js/scout/form/fields/FormField-cisi.css
with the following content:

.form-field {
  &:focus,
  &.focused {
	
	  & > .field {
	      background-colour: yellow;
	  }
  }
}

we've also tried the following:

.form-field {
  & > .field {
     &:focus {
	 background-colour: yellow;
     }
  }
}

But neither of these worked. Can anyone give us a hint how to achieve our goal?

[Updated on: Thu, 19 May 2016 13:50]

Report message to a moderator

Re: [neon] How to set the background of the field with focus to yellow [message #1732779 is a reply to message #1732719]

Fri, 20 May 2016 08:03

Rene Eigenheer

Messages: 109
Registered: July 2009

Senior Member

try

.form-field {

  & > .field {
    &:focus {
    	background-color: yellow;
    }
  }

}

Report message to a moderator

Re: [neon] How to set the background of the field with focus to yellow [message #1732936 is a reply to message #1732779]

Mon, 23 May 2016 08:27

Urs Beeli

Messages: 573
Registered: October 2012
Location: Bern, Switzerland

Senior Member

This is embarrassing Smile

I looked at your proposal for ages and the only difference I saw compared to mine was the whitespace and I couldn't believe that makes a difference. After about 10 Minutes of staring at it I realised that once again I fell victim to having learned proper English Wink

color works much better in CSS than colour

Report message to a moderator

Previous Topic:	Neon - Can't create java class
Next Topic:	[neon] M7/RC1 AccessControlService problems

Goto Forum:

-=] Back to Top [=-

[ Syndicate this forum (XML) ] [

]

Current Time: Fri Apr 26 23:56:20 GMT 2024

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter