Take the 2-minute tour ×

I'm using the xe:namePicker in several places in our application. I would like to style the picker to reflect the application style. So I gve it a styleClass using the dojo attribute. Sie screenshot of sourcecode

NamePicker Code

But the style is not used because the picker has its own inline style.


How can I get rid of the inline style to use my own styleclass?

share|improve this question
Can you please provide the source code? –  Naveen Jul 16 '12 at 13:27
source code for ... ?? All source code for the picker is in the first screenshot –  Ulrich Krause Jul 17 '12 at 6:31
Sorry, my bad. The screenshot did not load at my end! –  Naveen Jul 17 '12 at 10:04
add comment

2 Answers

up vote 1 down vote accepted

you can override the inline styles with something like this in your css:

.lotusdialog [style] {
   background: yellow !important;

The [style] overrides any inline styles added to the element before it, in this case with the class .lotusdialog

share|improve this answer
Welcome to stackoverflow. It would be nice if you improved your answer by a reference and/or a bit of explanation. –  Shahbaz Jul 16 '12 at 12:14
Thx Peter, that does the trick. –  Ulrich Krause Jul 16 '12 at 15:35
add comment

I just tried it using the "class" dojo attribute, and unlike you got it to work:

Here's the name picker's xml code:

<xe:namePicker id="namePicker1" for="inputText7">
        <xp:dojoAttribute name="class" value="myDlgClass">

This references a styleClass from a .css resource attached to the Xpage. As you can see in the screenshots the class is attached to name picker's content widget, and it does work , too.

firebug code dialog style class The dialog

I don't know whether this method has an advantage over the other one recommended by Peter but maybe it can come in handy one way or another.

share|improve this answer
add comment

Your Answer


