ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

[RadDataForm] Nativescript-vue - Auto capitalization #1431

Open esy-michel opened 4 years ago

esy-michel commented 4 years ago

Hey guys,

we are using the RadDataForm UI for our Formfields. Everything works fine, with one exception. The Auto capitalization isn't working on Android phones. iOS works fine and regular are working fine on both systems aswell.

Seems like this is a bug and the DataForm uses the wrong keyboard on default for textfields.

Progress NativeScript UI plugin version: 6.0.0

<template>
    <Page class="page">
        <ActionBar title="Float-Up Labels" class="action-bar"></ActionBar>
        <ScrollView>
            <StackLayout class="m-20">
                <Label class="m-b-20"
                    text="Give focus to one of the text fields below and watch the labels float up."
                    textWrap="true" />
                <FloatLabel placeholder="Username" />
                <FloatLabel placeholder="Password" secure="true" />
                <TextField v-model="textFieldValue" hint="Enter text..." />

                <RadDataForm :source="album" :metadata="blub" />

            </StackLayout>
        </ScrollView>
    </Page>
</template>

<script>
    import Vue from "nativescript-vue";
    import RadDataForm from "nativescript-ui-dataform/vue";
    Vue.use(RadDataForm);

    export default {
        data() {
            return {
                album: {
                    bandName: "",
                    albumName: "X",
                    year: 2017,
                    owned: true,
                    myRating: "9.5"
                },
                blub: {
                    isReadOnly: false,
                    commitMode: "Immediate",
                    validationMode: "Immediate",
                    propertyAnnotations: [{
                            name: "bandName",
                            displayName: "Name",
                            index: 0,
                            editor: "MultilineText"
                        }
                    ]
                },
                textFieldValue: "text"
            };
        }
    };
</script>

IMG_3271

Screenshot_20200609-165613_Preview