TABELLE | 12 PRO > RESPONSIVE
Autor: #ABCD WebAgency
Visitado 3319,
Followers 2,
Compartido 0
salve, sto ancora utilizzo la versione beta testing della 12 pro. Noto che le tabelle non sono responsive...risulta anche a voi? Quando rimpicciolisco il browser, mi esce sempre il cursore avanti e indietro.
Publicado en
Succede anche a me causa tabelle che non sono responsive... Anche nel carrello la tabella generata da website non si adatta bene!
Confermo
Fin quando si tratta di immagini e testo nessun problema ma in un sito e-commerce le tabelle sono indispensabili! Credo che anche mettere un esempio di sito base e-shop non costi molto almeno per seguire delle linee base per avere un sito ottimizzato responsive
Devi trovare il sistema di aggirare l'ostacolo per ora... Io ho dovuto inserire colonne e righe e trattare ciascun oggetto come fosse una cella. Però non so se complicare la struttura della pagina in quel modo sia SEO FRIENDLY!!!
Vero....nelle prime versioni della Beta funzionava bene, ora con i nuovi aggiornamenti non funzia più...
http://www.mirboprova.altervista.org/respons/pagina-3.html
Bisogna sistemarlo non si può rifare un sito e-shop tradotto in varie lingue con oltre 300 prodotti modificando tutte le tabelle con oggetto testo... Cambierebbe comunque tutta la struttura del sito e comunque il carrello nelle pagine prodotto non possono essere sistemati visto che sono tabelle
Autor
novità?
Buongiorno,
per tabelle troppo grosse e per dimensioni della finestra troppo strette appaiono le barre di scroll per l'oggetto tabella, per avere una struttura responsive occorre non usare l'oggetto tabella ma diversi oggetti per ogni cella della tabella.
Appunto...
Ma non si lavorerà sul renderle responsive?
Bisogna rifare quasi tutto il sito appena fatto con la versione 11 Pro? Quindi non è compatibile al 100% con progetti creati con la versione precedente....non sono contento del lavoro in più che devo fare averlo saputo valutavo altre opportunita visto che stiamo parlando di siti e-shop
... eventualmente, dalla "storia infinita" del capitolo tabelle, se possa essere utile, si potrebbe adottare il codice del TAG TABLE in Oggetto Codice HTML, in definitiva un solo Copia/Incolla,...per chi volesse in alternativa risolvere da subito e senza stress...
... non so se funziona sul mobile che non ho, ma per averne un'idea, questo è un vecchissimo esempio (controllato) dai tempi dell'Avo di Answers, base dei miei suggerimenti sulle tabelle, quando di responsive non se ne parlava: http://www.zspace.it/kolasim/paginaelastica_k/paginaelastica_k.html ...la tabella fu generata con OO.o...
.
ciao
Autor
cioè, le tabelle piccole non verrano rese responsive? ma state scherzando?!?
KolAsim il tuo esempio non va bene x i siti responsive. il discorso è questo sono passato alla pro 12 per avere di più pagandola... credendo di convertire dei siti appena fatti e fare qualche leggera modifica per adattarli... ma qui vuol dire rifarlo perche non si possono usare le tabelle ....visto che nessuno regala niente anche il tempo di modificare dei siti appena fatti con la versione 11 pro è denaro!
... come detto, solo se poteva essere utile e solo in alternativa, per risolvere possibilmente nell'immediato; non ho mobile né programma per verificare, ma per sapere se sia possibile e valido si potrebbe provare i mio stesso codice, con un copia/incolla, ... e per ora so solo quello che tu dici, che non è possibile; ...se e quando avrò il Programma, approfondirò...
.
Ma non esiste proprio che non si possono usare le tabelle o testi nel footer (solo immagini), nessuna immagine nel blog perchè altrimenti non si ha il responsive!
Se è responsive lo è in tutto quello che genera!
Se è compatibile con i progetti creati con le versioni precenti, lo è punto e basta!
Si attende una risposta da chi il programma lo vende e lo sviluppa per avere risposte certe (basta con risposte senza senso o ridicole), in caso contrario saremo in molti a volere un rimborso perchè il prodotto pubblicizzato non rispetta assolutamente quanto promesso e dichiarato.
Ok un bug ci sta...ma qui si supera la soglia della farsa!
... aggiungo, che in parte posso darti ragione per quanto riportato, ma, ovviamente, tutti sanno che le tabelle non sono scomponibili, e pertanto per logica e nel caso, occorrerebbe riconvertirle manualmente nel modo consigliato prima da Riccardo o tenersi gli scroll, come detto qui: https://helpcenter.websitex5.com/post/129639#8
.
ciao
Ma, senza voler entrare in polemica, si può sapere se WS lavorerà sul rendere o meno responsive le tabelle?
Kola, se consideriamo che le tabelle non sono scomponibili, il massimo che potremo ottenere è ridurre l'intera tabella senza che le celle si spostino l'una sotto all'altra, corretto?
Se così è, avere una grande tabella o una tabella che occupa tutta la pagina, non sarà mai Seo Friendly in una visualizzazione su smartphone (il testo, per esempio, sarà troppo piccolo, eventuali link mai cliccabili con un dito normale, etc.). E penso anche che visivamente, qualora restringessimo eccessivamente una tabella, verrebbe un'aborto.
Scusate, integro e concludo dicendo che, alla luce delle considerazioni di cui sopra e di kolasim, non credo convenga rendere responsive le tabelle, specie se con diverse colonne...
... ciao Michela,
... è corretto, strutturando in modo logico...
... per come la vedo io, per un sito complesso, sarebbe da preferire una versione per PC ed una per il Mobile, responsive che sia...
... scusami però, ma non sono in condizioni di essere preciso nei dettagli, senza PC, senza Programma e senza Mobile mi baso solo sulle idee, e quanto proposto era solo in alternativa temporanea, come detto sin dall'inizio, per niente impegnativo, e dovrebbe essere valutarlo chi ne fosse interessato al risolvere; ...certamente e giustamente il Programma si EVOLverà, ma nell'attesa che si fa se non soddisfa..!?.. ... se si sa, e si sa fare, si fa, ed anche del proprio fare...
... ... diverso tempo addietro, alcuni che avevano verificato il mio esempio sul mobile, mi avevano assicurato gentilmente che l'aspetto era corretto sia in orizzontale che in verticale e vedo che ancora adesso risulta fantastico! su Google Friendly >> https://goo.gl/1bj7fr ...pertanto penso che questo tipo di tabella incorporata in un Oggetto Codice HTML possa comportarsi allo stesso modo; si tratta ti provare con un Copia/Incolla per chi ne abbia voglia; ...poi attenderemo eventuali sviluppi nei futuri aggiornamenti; ...non per niente avevo detto [...dalla "storia infinita" del capitolo tabelle...] ...e nei quali capitoli avevo ed ho sempre partecipato dall'Antenato dell'Avo di Ansvers...
... ti sarei grato, visto che sei molto attenta e sai fare, e sai dare corretti suggerimenti, se potresti verificare tu ad incollare il TAG TABLE per prova in un Oggetto Codice HTML del Modello Responsive, e mi faresti partecipe del risultato reale che otterrai...
...
ciao
Fatto! Funziona perfettamente!! (preciso che l'ho testato in locale). La tabella è responsive. Se non ci credete vi posso allegare uno screenshot..
In questo modo, pur non essendo scomponibile, le celle si adattano alla visualizzazione sullo schermo.
La tua soluzione rappresenta un bell'esempio di quello che ci dobbiamo aspettare se le tabelle diventeranno responsive. Nel tuo esempio hai 2 colonne e già, visualizzate su smartphone, diventano luuuuuuuuuuunghe e strette. Pensa un po' 4 o 5 colonne ..
Autor
come si fa ad integrare quello che ha scritto Kolasim? Pe noi comuni mortali. Grazie.
... grazie tante, ti sono debitore ... ...
... per il resize, a quei tempi di quando feci l'esempio, avevo adottato un controllo relativo ai monitor di quei tempi, quando di mobile c'era solo il telefonino con il piccolo display ed il super futuro annunciato era l'xhtml...!! ...ed aggiungo (!!) per html5...!! ......
... nel sorgente del mio esempio troverai dei TAG TABLE, ...li puoi selezionare dal primo sino alla chiusura dell'ultimo (oppure individualmente), copiare ed incollare in un Oggetto Codice HTML del Programma...
.
Ma stai scherzando? Siamo noi che ti siamo debitori!!
... per il resize, a quei tempi di quando feci l'esempio, avevo adottato un controllo relativo ai monitor di quei tempi, quando di mobile c'era solo il telefonino con il piccolo display ed il super futuro annunciato era l'xhtml...!! ...ed aggiungo (!!) per html5...!! ......
Ma pensa piuttosto che è una soluzione ultra v12!!
... nel sorgente del mio esempio troverai dei TAG TABLE, ...li puoi selezionare dal primo sino alla chiusura dell'ultimo (oppure individualmente), copiare ed incollare in un Oggetto Codice HTML del Programma...
Meglio usare il secondo perchè nel primo c'è qualche immagine.
Autor
ho provato a creare tabelle di tutte le dimensioni, dalla più piccola (1 cella della griglia) alla più grande ( 12 celle della griglia) le più semplici che si potevano creare. Ma il responsive non funziona. Quindi deduco, che le tabelle hanno seri problemi.
Autor
up
Autor
http://esempi.francescodagostino.it/html/table-responsive
Ciao Dan,
purtroppo non funziona. La cella creata con WS non è responsive. Puoi anche creare tabelle "monocellulari" che il risultato non cambia, non sono fluide. Quindi, restringendo la visualizzazione, resterà sempre una cella fissa.
Kolasim ha tirato fuori una vecchia soluzione (quando alcuni pionieri parlavano di "responsive" ma nemmeno ancroa per i cellulari...) che rende una tabella responsive. Devi prendere il suo codice dal suo sito, copiarlo e incollarlo dentro ad un oggetto html in una pagina di WS.
Se vuoi, puoi provare l'effetto che fa: vedrai che il testo si adatta allo schermo esattamente come l'intera tabella. E questo naturalmente è quello che vorremmo facesse WS, Senza sbattoni...
MA
Come sai e come vedi lavorando con WS, se metti il testo in una casella testo e ne restringi le dimensioni, vedi il testo stesso che scende verso il basso (cioè non si rimpicciolisce ma scorre verso il basso).
Se hai 2 caselle di testo affiancate, ad un certo punto, con le impostazioni responsive, puoi decidere di far scendere una casella sotto l'altra. E questo rende il tutto più leggibile, giusto?
Ed ecco il punto. Con le tabelle non puoi farlo: se tu usi 2 celle di tabella affiancate al posto delle 2 caselle di testo, queste due celle, anche se responsive, non andranno mai l'una sotto all'altra ma resteranno sempre affiancate e vedrai solo il testo scorrere in basso. La tabella restringersi è vero, ma sempre sulla stessa linea.
Il dramma sarà più grande quante maggiori saranno le colonne che inserirai: una riga di tabella con 5 celle, anche se responsive, restituirà sempre 5 celle affiancate. Ti immagini il testo dentro?
La mia è una semplice considerazione che voglio condividere con voi perchè mi pare di capire che, se anche ottenessimo e speriamo le tabelle responsive, il risultato poi potrebbe non essere quello che speravamo...
Scusate se mi sono dilungata.
Autor
ciao ho postato un link d'esempio con tabella a 5 celle e credo che il tutto possa essere fatto anche dai programmatori di WSX5:
http://esempi.francescodagostino.it/html/table-responsive
ho fatto delle prove con tabella a 1 cella, quindi nessuna divisione...una semplice cella ma il programma continua a inserire la barra direzionale in basso.
credo sia davvero una sciochezza non adattare le tabelle al responsive.
Autor
inoltre, sempre con il responsive - hai provato a creare quello che dico qui?
https://helpcenter.websitex5.com/post/130032
testo widget con bordi laterali e superiori > inserisci un semplice testo, salva e riduci a responsive.
Aggiungo un paio di altre "tecniche" da, eventualmente, seguire:
http://www.lobaedesign.com/demo/ResponsiveTables/responsive.html
http://fooplugins.github.io/FooTable/
Ciao Dan, forse non mi spiego. Quello che posti tu è un esempio di tabella responsive e di come ottenerla che è lo stesso di kolasim. Come vedi, se riduci la tabella il numero di colonne non cambia. E ripeto che invece a livello di visualizzazione su smartp. secondo me due affiancate sono già più che sufficienti. Dopodichè bisogna andare sotto.
Come ho già detto
Quanto a questo
https://helpcenter.websitex5.com/post/130032
Confermo la tua segnalazione. Con casella testo i bordi spariscono.
Ciao
Aggiungo:
condivido.
Ciao
Autor
anche perchè, creando un e-commerce con wsx5...la tabella di riepilogo è responsive. Quindi...
non si potrebbe avere una risposta da incomedia riguardo a questo problema se più avanti ci sarà un aggiornamento che sistema una volta del tutto questo errore generato dal programma
Buongiorno Federico,
come scritto precedentemente le tabelle non possono essere scomposte o rimpicciolite. Nella visualizzazione mobile appaiono le barre di scroll per l'oggetto tabella.
Nel caso avessi bisogno di una tabella che si "scompone" ti invito a usare i differenti oggetti nella griglia agendo su margini e bordi così da creare una tabella come nel mio screenshot. Usando infatti diversi oggetti e agendo sui bordi e margini ho ottenuto una tabella che nella versione mobile si allinea correttamente.
Spero possa esserti utile.
Ciao Riccardo, che tu sappia, è con questa tecnica che è stato realizzato il riepilogo del carrello?
Buongiorno Michele,
il riepilogo del carrello non usa le tabelle, e poi ha sempre una struttura fissa, ovvero lo stesso numero di colonne e impaginazione, per questo si ridimensiona correttamente nella versione responsive.
Buongiorno Riccarda...
grazie per la risposta. Mi torna quello che dici e mi spiego come mai, nella versione smartphone, alcune "colonne" spariscono.
Ciao e buon lavoro.
Se per riepilogo del carrello si intende step 1 e 3, sono tabelle generate con JavaScript, come nelle precedenti versioni.
Se per riepilogo si intende altro, come non detto.
In questo post https://helpcenter.websitex5.com/post/129639#30 ci sono un paio di esempi/tecniche che, volendo, potreste integrare nell'Oggetto Tabella di WS.
Probabilmente in Rete se ne troveranno altre...