Unofficial WebSite X5

WebSite X5 v14 Evolution/Professional => WebSite X5 [v14] - Evolution/Professional - Discussioni generali => Topic aperto da: giancarlobar - 12 Gennaio, 2019, 10:32:51

Titolo: Controllo responsive su EVO17
Inserito da: giancarlobar - 12 Gennaio, 2019, 10:32:51

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: [Seleziona]

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

altra prova

Codice: [Seleziona]

@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;
  }
}ma niente...
grazie per l'eventuale aiuto...

Titolo: Re:Controllo responsive su EVO17
Inserito da: lemonsong - 13 Gennaio, 2019, 14:39:42

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.asp)
https://www.w3schools.com/css/css_grid_container.asp (https://www.w3schools.com/css/css_grid_container.asp)
https://www.w3schools.com/css/css_grid_item.asp (https://www.w3schools.com/css/css_grid_item.asp)