/ / App desktop reattiva con Kony - css3, media-query, kony, responsive

App desktop reattiva con Kony - css3, media-queries, kony, responsive

abbiamo un'applicazione mobile sviluppata utilizzando Kony. Stiamo provando a trasferire lo stesso sulla versione desktop. Tutto va bene, ma ci sono piccole sfide nell'interfaccia utente, cioè nell'interfaccia utente reattiva. Dato che sono nuovo in Kony, ti prego di guidarmi se esiste un modo per includere query multimediali in un'applicazione Kony o quali potrebbero essere i trucchi per rendere l'app reattiva sul browser.

Grazie.

risposte:

0 per risposta № 1

Kony attualmente non supporta le query multimediali perdire "per schermate di queste dimensioni utilizzare queste regole CSS". Ricorda in Kony che il tuo stile è fatto con lo skinning, non con CSS3. Le skin si traducono in CSS per le app Web, ma questa è una storia diversa.

In Kony l'approccio è diverso. Progetta i tuoi moduli per schermi di dimensioni diverse in base al tipo di dispositivo mobile: telefono cellulare, tablet, desktop, orologio, ecc.

Se vieni da un background di sviluppo webcome faccio io, potresti persino aspettarti un sistema a griglia come in Bootstrap o Foundation. Ma tieni presente che il vero valore del design reattivo non deve preoccuparsi della risoluzione dello schermo, tranne Kony ti dà già questo attraverso l'uso di unità Dp anziché pixel. Quindi lo stesso design del modulo mobile si adatterà a qualsiasi risoluzione del dispositivo mobile. Lo stesso modulo tablet si adatterà a qualsiasi risoluzione del tablet e così via.

Per diversi tipi di dispositivi, la premessa è che molto probabilmente gli schermi desktop e mobili saranno molto diversi, o addirittura inizieranno allo stesso modo ma si evolveranno in modo diverso nel tempo.

Quindi la soluzione è semplicemente copiare il modulo dalla sottostruttura "Mobile" (tasto destro> copia) e incollarlo nella sottostruttura "Desktop". Quindi sarai in grado di modificarli in modo indipendente.

Spero che aiuti.

inserisci la descrizione dell'immagine qui