Thibault

In the survey translation I highlight the active input area with a blue outline.  This is useful, because the entire screen might be full of textarea input fields, and some of highlighting helps the user by visually identifying where they are on screen.

So, in adminstyle.css I added:

#translateform textarea:focus{
  outline: blue solid thin;
}

And in fck_editor.css one can refer to HTML editor fields with #xEditingArea.  So, I would like to write some code along the lines of:

#translateform #xEditingArea:focus{
  outline: blue solid thin;
}

Except this doesn't work.  As far as I can tell, the fckEditor sets up an embedded HTML inside the form, so the context of the form is lost.  (Sorry, I can't describe this very well, since I don't understand what's going on.)

Anyway, is there a way of adding styling to adminstyle.css to affect the style of #xEditingArea, but only for the #translateform?

Andrie



On 09/11/2010 12:46, Thibault Le Meur wrote:
What kind of modifications would you like to do in this CSS ?
I have tried to style the popupEditor fields also, but the CSS to do this is beyond me, and I don't want to modify the global stylesheet for the FCKeditor.  Any suggestions are welcome.

Thibault