WebSite X5Help Center

 
Claudio A.
Claudio A.
User

ShowBox  it

Autor: Claudio A.
Visitado 1316, Seguidores 2, Compartilhado 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?

Publicado em
10 RESPOSTAS - 1 CORRIGIR
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT

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

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Autor

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

Ler mais
Publicado em de Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT

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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Autor

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.

Ler mais
Publicado em de Claudio A.
Claudio A.
Claudio A.
User
Autor

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!

Ler mais
Publicado em de Claudio A.
Claudio A.
Claudio A.
User
Autor

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.

Ler mais
Publicado em de Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT
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...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Autor

Ci provo, grazie.

Ler mais
Publicado em de Claudio A.
Claudio A.
Claudio A.
User
Autor

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

Ler mais
Publicado em de Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês PT
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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪