WebSite X5 v14 Evolution/Professional > WebSite X5 [v14] - Evolution/Professional - Discussioni generali

Controllo responsive su EVO17

(1/1)

giancarlobar:
Salve, su una riga ho 4 oggetti utilizzando la PRO posso decidere come e quando dividerli a risoluzioni inferiori cosa che non e fattibile sulla EVO,
ad una certa risoluzione volevo mandare a a capo 2 due dei quattro oggetti e cioè incolonnati due sopra e due sotto ho fatto diversi tentativi ma senza esito
uno era questo e mi funzionava sulle vecchie versioni:



--- Codice: ---@media (max-width: 1399px) and (min-width: 720px) {
  imPageRow_3 div {
    width: 100%;
    clear: none;
  }
  imPageRow_3 > div {
    width: 50%;
    box-sizing: border-box;
  }
}
--- Termina codice ---


altra prova

--- Codice: ---@media (max-width: 1399px) and (min-width: 720px) {
#imPageRowContent_3,
#imPageRow_3 div[id^="imCell"] {
  width: 100%;
   height: auto!important;
  }

  imPageRow_3 > div {
    width: 50%;
    box-sizing: border-box;
  }
}
--- Termina codice ---
ma niente...
grazie per l'eventuale aiuto...

lemonsong:
Con il CSS Grid Layout introdotto nella 17, devi "lavorare" con le proprietà grid-column e grid-row per disporre gli oggetti.
I valori di tali proprietà, variano anche in base al numero di colonne inserite (da programma) nella Griglia di impaginazione.

Per avere un'idea dai un'occhiata ai CSS generati da WS usando, per esempio, "Analizza elemento" di Firefox.

Ti consiglio anche di dare una bella lettura, per esempio, qui:

https://www.w3schools.com/css/css_grid.asp
https://www.w3schools.com/css/css_grid_container.asp
https://www.w3schools.com/css/css_grid_item.asp

Navigazione

[0] Indice dei post