WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

TABELLE | 12 PRO > RESPONSIVE  it

Autor: #ABCD WebAgency
Visitado 3311, Seguidores 2, Compartilhado 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 em
40 RESPOSTAS - 1 ÚTIL
Federico A.
Federico A.
User

Succede anche a me causa tabelle che non sono responsive... Anche nel carrello la tabella generata da website non si adatta bene!

Ler mais
Publicado em de Federico A.
Michela P.
Michela P.
User

Confermo 

Ler mais
Publicado em de Michela P.
Federico A.
Federico A.
User

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

Ler mais
Publicado em de Federico A.
Michela P.
Michela P.
User

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!!! 

Ler mais
Publicado em de Michela P.
Federico A.
Federico A.
User

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

Ler mais
Publicado em de Federico A.
#ABCD WebAgency
#ABCD WebAgency
User
Autor

novità?

Ler mais
Publicado em de #ABCD WebAgency
Incomedia
Riccardo P.
Incomedia

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.

Ler mais
Publicado em de Riccardo P.
Michela P.
Michela P.
User

Appunto...

Ma non si lavorerà sul renderle responsive?

Ler mais
Publicado em de Michela P.
Federico A.
Federico A.
User

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

Ler mais
Publicado em de Federico A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
#ABCD WebAgency
#ABCD WebAgency
User
Autor

cioè, le tabelle piccole non verrano rese responsive? ma state scherzando?!?

Ler mais
Publicado em de #ABCD WebAgency
Federico A.
Federico A.
User

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!

Ler mais
Publicado em de Federico A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Federico A.
KolAsim il tuo esempio non va bene x i siti responsive. ... ... ...

... 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ò...

.



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
David D
David D
User

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!

Ler mais
Publicado em de David D
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Federico A.
... ... ... 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 ... ... ...

... 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

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Michela P.
Michela P.
User

Ma, senza voler entrare in polemica, si può sapere se WS lavorerà sul rendere o meno responsive le tabelle?

 ‪ KolAsim ‪ ‪
... 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

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.

Ler mais
Publicado em de Michela P.
Michela P.
Michela P.
User

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...

Ler mais
Publicado em de Michela P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Michela P.
... ... ... ... 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? ... ... ...

... 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



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Michela P.
Michela P.
User

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 ..

Ler mais
Publicado em de Michela P.
#ABCD WebAgency
#ABCD WebAgency
User
Autor

come si fa ad integrare quello che ha scritto Kolasim? Pe noi comuni mortali. Grazie.

Ler mais
Publicado em de #ABCD WebAgency
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Michela P.
Fatto! Funziona perfettamente!! ... ... ... ... ... .... ... ... ... ...... ... ... ... ...visualizzate su smartphone, diventano luuuuuuuuuuunghe e strette. Pensa un po' 4 o 5 colonne ..

... grazie tante, ti sono debitore ... tu-si-que-vales ... 

... 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...!! ......

Dan Abba
come si fa ad integrare quello che ha scritto Kolasim? Pe noi comuni mortali. Grazie.

... 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...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Michela P.
Michela P.
User
 ‪ KolAsim ‪ ‪
... grazie tante, ti sono debitore ... 

Ma stai scherzando? Siamo noi che ti siamo debitori!!

 ‪ KolAsim ‪ ‪
Michela P. 

... 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!! 

 ‪ KolAsim ‪ ‪

... 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. 

Ler mais
Publicado em de Michela P.
#ABCD WebAgency
#ABCD WebAgency
User
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.

Ler mais
Publicado em de #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User
Autor

up

Ler mais
Publicado em de #ABCD WebAgency
Michela P.
Michela P.
User

Ciao Dan,

Dan Abba
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.

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.

Ler mais
Publicado em de Michela P.
#ABCD WebAgency
#ABCD WebAgency
User
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.

Ler mais
Publicado em de #ABCD WebAgency
#ABCD WebAgency
#ABCD WebAgency
User
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.

Ler mais
Publicado em de #ABCD WebAgency
Michela P.
Michela P.
User

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.

Dan Abba
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.

Come ho già detto

Michela P.
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.

Quanto a questo

Confermo la tua segnalazione. Con casella testo i bordi spariscono.

Ciao

Ler mais
Publicado em de Michela P.
Michela P.
Michela P.
User

Aggiungo:

Dan Abba
credo sia davvero una sciochezza non adattare le tabelle al responsive.

condivido.

Ciao

Ler mais
Publicado em de Michela P.
#ABCD WebAgency
#ABCD WebAgency
User
Autor

anche perchè, creando un e-commerce con wsx5...la tabella di riepilogo è responsive. Quindi...

Ler mais
Publicado em de #ABCD WebAgency
Federico A.
Federico A.
User

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

Ler mais
Publicado em de Federico A.
Incomedia
Riccardo P.
Incomedia

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.

Ler mais
Publicado em de Riccardo P.
Michela P.
Michela P.
User
Riccardo P.
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?

Ler mais
Publicado em de Michela P.
Incomedia
Riccardo P.
Incomedia

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.

Ler mais
Publicado em de Riccardo P.
Michela P.
Michela P.
User
Riccardo P.
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. 

Ler mais
Publicado em de Michela P.
 lemonsong  
 lemonsong  
User
Riccardo P.
Buongiorno Michele, il riepilogo del carrello non usa le tabelle [...]

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...

Ler mais
Publicado em de  lemonsong