WebSite X5Help Center

 
Claudio A.
Claudio A.
User

ShowBox  it

Autore: Claudio A.
Visite 522, Followers 2, Condiviso 0  

Quando imposto la visualizzazione di uno showbox o popup (entrambi con testo e immagini), le dimensioni specificate non corrispondono all'effettiva grandezza visibile.

Mi spiego, se imposto, per esempio, 640x480, ho un'immagine effettiva che ha due spazi enormi ai due lati (dx e sx) di circa (a occhio) 50px facendo apparire una barra di scorrimento.

Questo accade, indipendentemente dalla dimensione della pagina da visualizzare come popup (per esempio).

Così facendo diventa difficlle centrare e allineare gli argomenti da visualizzare, specialmente se si devono poi adattare alla versione mobile.

Che fare?

Postato il
10 RISPOSTE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese IT

... dovresti postare il link della pagina interessata...
... la barra scroll appare quando gli oggetti importati sono più voluminosi dell'area destinata...

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Autore

Scusa il ritardo.

La pagina Popup (showbox) è senza applicare il modello e larghezza 640

Il Link apre showbox con dimensione 640x360 (se lo imposto invece a 800x400 funziona senza barra di scorrimento)
Su mobile invece appare ma senza barra di scorrimento (scorre trascinando). 

Qui il test: Test Popup/Showbox

Leggi di più
Postato il da Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese IT

... OK, mi pare che funzioni regolarmente...

... la barra di scroll si forma per come avevo detto prima, quando il contenuto del IFRAME (*) è più voluminoso della finestra ShowBox che si adatta alla finestra ospite...

(*)  https://www.avisnovara.it/norme-igieniche.html

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Autore

Quello l'avevo capito. Ma il fatto è che in quella dimensione (640x360) il testo ci sta completamente e quindi non capisco perché invece lo ridimensione lasciando quello spazio (inutile) ai due lati.

Facendo delle prove, ho scoperto che si deve dimensionare lo showbox di 70px maggiore della dimensione della pagina che si vuole visualizzare.

Nell'anteprima, selezionando la dimensione mobile, il popup diventa un francobollo non utilizzabile.

Leggi di più
Postato il da Claudio A.
Claudio A.
Claudio A.
User
Autore

Variazione: ora, non so peché, ma con le dimensioni corrette, sembra funzionare, però non ho capito il perché!

Sembra il classico: spegni e riaccendi, vedrai che funziona!

Leggi di più
Postato il da Claudio A.
Claudio A.
Claudio A.
User
Autore

Penso di aver trovato la soluzione al problema.

Ho espanso il testo fino ai bordi e calcolato esattamente la dimensione del popup. Ora sembra funzioni con le dimensioni impostate.

Nell'anteprima da WX5 rimane sempre il non corretto ridimensionamento con le risoluzioni inferiori.

Leggi di più
Postato il da Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese IT
Claudio A.
... ...  Nell'anteprima da WX5 rimane sempre il non corretto ridimensionamento con le risoluzioni inferiori.

... potresti sopperire con questo codice in  /head

<style>
@media (max-width: 480px) {
#imShowBox{margin:5px !important;padding:0px !important;width:95% !important ;height:50% !important; left:0px !important;}
#imShowBox div{width:100% !important ;height:100% !important; }
#imShowBox > div > iframe{width:100% !important ;height:100% !important; }}
</style>

.

...!...  il valore della soglia 480  lo puoi personalizzare come preferisci...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Autore

Ci provo, grazie.

Leggi di più
Postato il da Claudio A.
Claudio A.
Claudio A.
User
Autore

Funziona, però dovrebbe funzionare senza continuare ad inserire parti di codice, altrimenti diventa più complesso per chi dovrà gestirlo in futuro.

Leggi di più
Postato il da Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese IT
Claudio A.
Funziona, però dovrebbe funzionare senza continuare ad inserire parti di codice, altrimenti diventa più complesso per chi dovrà gestirlo in futuro.

... dipende da tanti fattori, ...ma, ... per chi adesso sa come fare non sarà più un problema...wink

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪