ShowBox 
Autore: Claudio A.
Visite 1343,
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
... dovresti postare il link della pagina interessata...
... la barra scroll appare quando gli oggetti importati sono più voluminosi dell'area destinata...
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
... 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
.
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.
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!
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.
... 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...
.
Autore
Ci provo, grazie.
Autore
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...
.