2015-08-10 9 views
6

नवंबर '15 - अभी भी एक समाधान की तलाश में है।Google ड्राइव पिकर (जावास्क्रिप्ट) मोबाइल अनुकूल/उत्तरदायी

मैं Google पिकर एपीआई https://developers.google.com/picker/docs/#hiworld (स्पष्ट रूप से!) का उपयोग कर रहा हूं (उपयोगकर्ता स्पष्ट रूप से!) उपयोगकर्ता को अपने ड्राइव खाते से फ़ाइल चुनना है (ड्राइव से डाउनलोड करने के लिए एक फ़ाइल का चयन करें - ड्राइव में कोई नई फ़ाइल अपलोड न करें)। यह एक उत्तरदायी वेबसाइट पर है, न कि "ऐप" (मूल या अन्यथा)।

यह डेस्कटॉप और टैबलेट पर ठीक काम करता है, लेकिन फोन पर पिकर बहुत बड़ा है।

https://developers.google.com/picker/docs/reference#Picker में यह कहते हैं:

PickerBuilder.setSize() पसंदीदा संवाद आकार सेट करें। संवाद ऑटो केंद्रित होगा। इसमें न्यूनतम आकार (566,350) और अधिकतम आकार (1051,650) है।

तो ऐसा लगता है कि यह किसी फोन पर काम करने के लिए डिज़ाइन नहीं किया गया है? क्या मुझे कुछ याद आ रहा है, या कोई कामकाज है, या एक विकल्प है? ऐसा लगता है कि Google फोन उपयोगकर्ताओं को पिकर का उपयोग करने से बाहर कर देगा जब ड्रॉपबॉक्स जैसे अन्य सेवाएं सीधे बॉक्स से बाहर काम करती हैं।

+0

आप शायद खुद को लिखने से बेहतर हैं। – pinoyyid

+0

धन्यवाद @ पिनोइड - क्या आप कह रहे हैं कि आप यह सुनिश्चित करने के लिए जानते हैं कि कोई मोबाइल समाधान नहीं है? और, मैसेंजर को शूटिंग के बिना, क्या आप फ़ोन का समर्थन नहीं करना चुनेंगे? – KevInSol

+1

अनुभव ने मुझे बंद स्रोत पुस्तकालयों पर जितना संभव हो उतना भरोसा करने के लिए सिखाया है जो समर्थन अनुबंध प्रदान नहीं करते हैं। आप डेवलपर की तरह हैं, इस मामले में Google, जो प्राथमिकताएं हैं, शायद ही कभी आपके या मेरे जैसी ही हैं। पिकर एक जटिल पुस्तकालय है क्योंकि यह कई अलग-अलग उपयोग मामलों से निपटने का प्रयास करता है (उदाहरण के लिए जीडीआरईवी से चुनना और साथ ही साथ अपने स्थानीय ड्राइव से चुनना)। आपको शायद पता चलेगा कि आपका उपयोग मामला अपेक्षाकृत सरल है और हाथ से काफी आसानी से बनाया जा सकता है। मैंने देखा है कि आपने यहां पहले से ही कोशिश की है https://groups.google.com/forum/#!forum/google-picker-api ;-( – pinoyyid

उत्तर

0

मैं एक ऐसी ही समस्या थी और यह सीएसएस का उपयोग करके इसे हल करने में कामयाब रहे:

@media screen and (max-width: 991px) { 
.picker.modal-dialog { 
    max-width: 355px !important; 
} 
.picker.modal-dialog-content.picker-dialog-content{ 
    max-width: 355px !important; 
} 
} 

आप इसे देखने के लिए बनाने के लिए आपकी आवश्यकताओं के अनुरूप चौड़ाई और मीडिया क्वेरी को समायोजित या अधिक मीडिया quires ऐसा करने में सक्षम होना चाहिए अन्य उपकरणों में nicer।

मैंने जेएस में न्यूनतम पिकरबिल्डर.सेटसाइज (566,350) में विकल्प भी सेट किया है।

+0

कृपया एकाधिक प्रश्नों पर एक ही उत्तर पोस्ट न करें। –

+0

धन्यवाद मार्क, मैंने कोशिश की कि मेरी मुख्य साइट सीएसएस फ़ाइल पर कोई बदलाव नहीं आया। आपने उस वर्ग को कहां रखा? – KevInSol

+0

क्षमा करें यह एक था जबकि पहले मैंने ऐसा किया था और मेरी याददाश्त अब थोड़ी धुंधली है। सीएसएस की समीक्षा करना सिर्फ टैग टैग में आवश्यक स्टाइल शीट में है। अगर मुझे सही याद है कि Google पिकर द्वारा मार्कअप में कक्षाएं उत्पन्न हो रही हैं हालांकि, मैंने इस https://gist.github.com/Daniel15/5994054 पर पिकर का आधार एकीकरण किया - तो यह आपके लिए अलग हो सकता है। यदि आपके कोई और प्रश्न हैं तो कृपया मुझे बताएं। –

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