CODEWITHSUNDEEP
csscodenameone
Dominik Reinert
Dominik Reinert

Reputation: 895

ToolbarSearch not being customized in the UI

According to this blog post, it should be possible to style the ToolbarSearch by customizing the UIIDs ToolbarSearch,TextFieldSearch and `TextHintSearch.

In my CSS File it looks like this:

ToolbarSearch {
    color: white;
    height:30mm;
    width:30mm;
}

TextHintSearch {
    color: white;
    height:30mm;
    width:30mm;
}

TextFieldSearch {
    color: white;
    height:30mm;
    width:30mm;
}

The main thing I want to achieve is a white Search Button, Text, X-Button and Hint.

In the blog post above, it looks right, except the textfieldsearch and -hint:

enter image description here

But in my application it looks like this:

enter image description here enter image description here

The buttons are in the wrong color. What am I doing wrong?

Notice:

This is how I add it

this.getToolbar().addSearchCommand(e -> {
    //TODO search
});

(The algorythm is not implemented yet)

Upvotes: 1

Views: 27

Answers (1)

Shai Almog
Shai Almog

Reputation: 52770

I don't use the CSS plugin so I'm not really sure how this maps there but you need to override the selected/pressed & unselected styles.

Upvotes: 1

Related Questions