Formatting the search field default text

[Guest]

Hi,

I cannot start a thread in the HTML5 forum so I post here..

Has anybody found (or even look for..) a way to change the color of the text in the search field? With this I mean the default text that apears in the search field (represented by the ?rh-msp-search-text-box placeholder).This is a string that is defined in the LNG file, usually something like "-Search-".

Almost anything can be controlled via div classes (and some other) but I have not yet found the formatting for this default text. It should appear white and does so in the preview, but after installing on a device it always appears grey.

Robert

[Willam_van_Weelden]

Hi,

What exactly are you trying to do? Do you want to change the colour of the text in the search field, or do you only want to change the colour of the default text?

Technically, both are possible. (Assuming you want to change the colour in the HTML5 layout.) For all text:

input.wSearchField

For the input field with a specific text:

input.wSearchField[value=SEARCH]

Note that the value must be an exact match. Also, it will not work on IE7 or earlier.

Greet,

Willam

[Guest]

Hi,

this is the formatting of the default text (e.g. "-Search-") I want to

change. The text itself can be changed in ther LNG file but I have not

found a way to change its formatting in the compiled app.

Note that the colors appear as I want in the preview and when I view the

HTML5 output in the browser. But after installing the app generated by

Robohelp, the text is always displayed in a dull grey. So possibly this

is a feature of the andoid SDK or whatever and cannot be changed at all?

Robert

[Peter Grainge]

Thread moved to Multiscreen HTML5

---

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

[Willam_van_Weelden]

That may very well be the problem. But you would need to ask a Android developer about that.

Greet,

Willam

[Guest]

To my knowledge, the Android output uses the phone's default browser engine to render the page. You can modify the CSS "input.wSearchField" to change the appearance of the default text size, color, orientation, etc.

Try inserting:

input.wSearchField::-webkit-input-placeholder {

     color: green !important;

}

Into your mobile.css file.

[Guest]

Thanks for the hint! The placeholder did the job.

Robert