RadDataForm: Image Labels

If you followed the getting started article, you now know how to edit an object's properties with DataForm for NativeScript. This article will explain how to remove the text labels of the editors and add appropriate images instead.

NativeScriptUI-DataForm-Image-Labels-Android NativeScriptUI-DataForm-Image-Labels-iOS


By default RadDataForm will load a label for each editor with the name of its property with some formatting applied. In order to remove this you can use EntityProperty's displayName property and change its value to the empty string. With EntityProperty's imageResource, you can specify the resource name with the image that you would like displayed. You can read here how to add image resources to a {N} application. Here's an example which also sets a hint text so that the purpose of the field is more obvious for the user:

<df:EntityProperty name="name"
    hintText="name" index="0" />

You can find a runnable project of the above code snippets in our Samples repository.


Want to see more examples using RadAutoCompleteTextView?
Check our SDK repo on Github.

Related articles you might find useful: