Ionic-framework: v2 आइटम-राइट टेक्स्ट/फॉर्म पर नंबर इनपुट

को निर्मित 18 फ़र॰ 2016 · 3टिप्पणियाँ · स्रोत: ionic-team/ionic-framework

समस्या का संक्षिप्त विवरण:

फ़ीचर अनुरोध: किसी प्रपत्र पर इनपुट (पाठ/संख्या) को दाएँ संरेखित करने की क्षमता ताकि यदि उसमें टॉगल भी हो, तो प्रपत्र बेहतर दिखाई दे

आप किस व्यवहार की अपेक्षा कर रहे हैं?

आयन-इनपुट पर काम करने के लिए एक विशेषता - जैसे आइटम-दाएं चाहते हैं

प्रजनन के चरण:

एक फॉर्म में टॉगल करें - बाईं ओर लेबल के साथ दाईं ओर दिखाई देता है

 <ion-row>
                        <ion-col>
                            <ion-item no-lines>
                                <ion-label secondary>Published</ion-label>
                                <ion-toggle [(ngModel)]="published" toggle></ion-toggle>
                            </ion-item>
                        </ion-col>
</ion-row>

लेकिन अगर आप ऐसा कुछ करते हैं

                    <ion-row>
                        <ion-col>
                            <ion-item no-lines>
                                <ion-label>City</ion-label>
                                <ion-input [(ngModel)]="city" ngControl="city"
                                           maxlength="10"
                                           type="text"></ion-input>
                            </ion-item>
                        </ion-col>
                    </ion-row>

तब इनपुट केवल लेबल के दाईं ओर दिखाई देता है।

मैं चाहूंगा कि इनपुट को स्थानांतरित करने के लिए आइटम-दाएं को दाएं हाथ के किनारे के साथ दाएं संरेखित किया जाए

                    <ion-row>
                        <ion-col>
                            <ion-item no-lines>
                                <ion-label secondary>City</ion-label>
                                <ion-input item-right [(ngModel)]="city" ngControl="city"
                                           maxlength="10"
                                           type="text"></ion-input>
                            </ion-item>
                        </ion-col>
                    </ion-row>

आयनिक संस्करण : 1.x / 2.x

ब्राउज़र और ऑपरेटिंग सिस्टम : आईओएस / एंड्रॉइड / क्रोम

क्रोम (विकास में)

स्रोत

alexbainbridge

सबसे उपयोगी टिप्पणी

तो आप चाहते हैं कि इनपुट टेक्स्ट को दाईं ओर संरेखित किया जाए? हो सकता है कि आपके पास वह चित्र हो जिसकी आप तलाश कर रहे हैं?

टेक्स्ट को सही तरीके से संरेखित करने के लिए आप text-right विशेषता का उपयोग ion-input पर कर सकते हैं, लेकिन ऐसा लगता है कि ऐसा करते समय पैडिंग के साथ कुछ UI समस्याएं हैं:

screen shot 2016-02-18 at 5 43 48 pm

brandyscarney 18 फ़र॰ 2016

👍3

सभी 3 टिप्पणियाँ

screen shot 2016-02-18 at 5 43 48 pm

brandyscarney 18 फ़र॰ 2016

👍3

हाँ - यह अच्छा है (और पैडिंग-राइट के साथ आवश्यक पैडिंग करता है)। हर तरह की कोशिश की थी लेकिन वह नहीं :)

थोड़ा भ्रमित करने वाला - टॉगल डिफ़ॉल्ट रूप से दाईं ओर जाते हैं, अन्य घटकों या सीधे टेक्स्ट के लिए आइटम-राइट की आवश्यकता होती है, और इनपुट के लिए टेक्स्ट-राइट और पैडिंग की आवश्यकता होती है

शायद यह सब एक सुसंगत तरीके से होना अच्छा होगा (या एक तरफ, और एक विशेष मामले के रूप में टॉगल)

आपको धन्यवाद!

alexbainbridge 18 फ़र॰ 2016

तो, item-right विशेष रूप से सामग्री प्रक्षेपण के लिए उपयोग किया जाता है। मुझे लगता है कि इस विशेषता को संरेखित करने वाला टेक्स्ट भ्रमित करने वाला होगा क्योंकि item-right का उपयोग तत्वों को input-wrapper बाहर करने के लिए किया जाता है, लेकिन यह ion-input पर काम नहीं करेगा क्योंकि इसे रखा गया है input-wrapper ।

हमने आइटम में सामग्री प्रक्षेपण पर कुछ दस्तावेज़ जोड़े: http://ionicframework.com/docs/v2/api/components/item/Item/#item -placement

मुझे लगता है कि इसका सबसे अच्छा समाधान दस्तावेज है। टेक्स्ट को संरेखित करना उपयोगिता विशेषताओं का उपयोग करके किया जाना चाहिए: http://ionicframework.com/docs/v2/theming/css-utilities/

मैंने इसके लिए दस्तावेज़ जोड़ने के लिए एक समस्या बनाई: https://github.com/driftyco/ionic-site/issues/661

मुद्दे के लिए धन्यवाद!

brandyscarney 23 जून 2016

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Ionic-framework: v2 आइटम-राइट टेक्स्ट/फॉर्म पर नंबर इनपुट

समस्या का संक्षिप्त विवरण:

आप किस व्यवहार की अपेक्षा कर रहे हैं?

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों