Nativescript: Ability to style EditableTextBase's hint property

[lscown]

Right now there's either no clear way to style the placeholder hint text for EditableTextBase or that you can't. Particularly changing the colour.

possible properties could be:

• placeholder-color

Unsure if these inherit from the normal font properties, but:

• placeholder-font
• placeholder-font-size
• placeholder-font-weight
• placeholder-font-family
• placeholder-text-align

[lscown]

The way I am currently doing it for iOS:

textField.ios.attributedPlaceholder = NSAttributedString.alloc().initWithStringAttributes("placeholder text", new NSDictionary([UIColor.whiteColor()], [NSForegroundColorAttributeName]));

and Android (with the hint property set on the textfield object):

textField.android.setHintTextColor(android.graphics.Color.parseColor("#FFFFFF"));

[rclai]

One thing I noticed is that the hints for secure text fields have more letter spacing and font size than a regular textfield in Android by default for some reason.

[stevetayloruk]

+1

[gadonski]

+1

[tsjishan]

+1

[hekigan]

+1

[hekigan]

Something that might help others.
In the "app/App_Ressources/Android/values/styles.xml", with the following changes you can control the TextInput's hint color.

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
    <style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
           ....
            <item name="android:editTextStyle">@style/Application</item>
           ....
        </style>

    <style name="Application" parent="Widget.AppCompat.EditText">
             <item name="android:textColorHint">#777777</item>
        </style>
</resources> 

This will effectively change the text hint color for Android platform only

[musaaslan]

+1

[GustavoEdinger]

+1

[jvzanatta]

+1

[Southpaw17]

+1

[simonmclean]

+1

[nsndeck]

I've just added placeholder-color css property with #2644 which will work for TextField (Android and iOS) and TextView (Android). Unfortunately iOS also supports other style options like font, weight ..., but for Android we can change only color. Therefore we end up with a support for placeholder(hint) color only.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.