WebSite X5Help Center

 
Claudio A.
Claudio A.
User

ShowBox  it

Автор: Claudio A.
Просмотрено 1604, Подписчики 2, Размещенный 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?

Размещено
10 Ответы - 1 Корректно
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Автор

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

Читать больше
Размещено От Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Автор

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.

Читать больше
Размещено От Claudio A.
Claudio A.
Claudio A.
User
Автор

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!

Читать больше
Размещено От Claudio A.
Claudio A.
Claudio A.
User
Автор

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.

Читать больше
Размещено От Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Claudio A.
Claudio A.
User
Автор

Ci provo, grazie.

Читать больше
Размещено От Claudio A.
Claudio A.
Claudio A.
User
Автор

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

Читать больше
Размещено От Claudio A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪