Google Drive Picker (JavaScript) non adatto ai dispositivi mobili/reattivo

Nov '15 - ancora in cerca di una soluzione.Google Drive Picker (JavaScript) non adatto ai dispositivi mobili/reattivo

Sto utilizzando l'API di Google Picker https://developers.google.com/picker/docs/#hiworld per (ovviamente!) Fare in modo che l'utente scelga un file dal proprio account Drive (selezionare un file per il download da Drive - non caricare un nuovo file in Drive). Questo è su un sito web reattivo, non su una "app" (nativa o meno).

Funziona bene su desktop e tablet, ma su un telefono il Picker è troppo grande.

In https://developers.google.com/picker/docs/reference#Picker si dice:

PickerBuilder.setSize() impostare le dimensioni della finestra di dialogo preferita. La finestra di dialogo sarà centrata automaticamente. Ha una dimensione minima di (566.350) e una dimensione massima di (1051.650).

Quindi sembra che non è progettato per funzionare su un telefono? Mi manca qualcosa o c'è una soluzione alternativa o un'alternativa? Sembra molto strano che Google escluda gli utenti del telefono dall'utilizzare il Picker quando altri servizi come Dropbox funzionano immediatamente.

fonte

2015-08-10 KevInSol

Probabilmente starai meglio scrivendo il tuo. – pinoyyid

grazie @pinoyyid - stai dicendo che sai per certo che non esiste una soluzione mobile? E, senza sparare al messenger, credi che Google scelga di non supportare i telefoni? – KevInSol

L'esperienza mi ha insegnato a fare affidamento il meno possibile su librerie a codice chiuso che non offrono contratti di supporto. Sei per capriccio dello sviluppatore, in questo caso Google, le cui priorità sono raramente le stesse del tuo o del mio. Il selettore è una libreria complessa perché tenta di gestire molti casi di utilizzo diversi (ad esempio, il prelievo da GDrive e il prelievo dalle unità locali). Probabilmente scoprirai che il tuo caso d'uso è relativamente semplice e può essere facilmente costruito a mano. Vedo che hai già provato qui https://groups.google.com/forum/#!forum/google-picker-api ;-( – pinoyyid

Ho avuto un problema simile e sono riusciti a risolverlo utilizzando questo css:

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

si dovrebbe essere in grado di regolare la query larghezza e dei media in base alle proprie esigenze o fare più quaderni dei media per far sembrare più bello in altri dispositivi.

Ho anche impostato l'opzione nel JS al minimo PickerBuilder.setSize (566,350).

fonte

2015-11-26 16:58:39

Si prega di non pubblicare la stessa risposta su più domande –

Grazie Mark, l'ho provato sul mio file CSS principale del sito ma nessun cambiamento. Dove hai messo quella classe? – KevInSol

Scusa Era un tempo fa ora da quando l'ho fatto e la mia memoria è un po 'annebbiata ora. La revisione del css è solo in un foglio di stile richiesto nel tag head. Se ricordo bene, le classi nel markup venivano generate dallo stesso Google Picker Tuttavia, ho fatto l'integrazione di base del selettore su questo https://gist.github.com/Daniel15/5994054 - quindi potrebbe renderlo diverso per il tuo.Se hai altre domande per favore fammi sapere. –

Google Drive Picker (JavaScript) non adatto ai dispositivi mobili/reattivo

risposta

Problemi correlati