WebSite X5Help Center

 
Giuseppe Guida
Giuseppe Guida
User

OGGETTO PULSANTE: anomalia testo diviso su due righe  it

Auteur : Giuseppe Guida
Visité 1422, Followers 1, Partagé 0  

Ho utilizzato l'Oggetto Pulsante ma con le impostazioni visibili nello screenshot sotto il testo "SERVIZI" appare diviso in due su due righe differenti. Ciao

Posté le
37 RéPONSES - 3 UTILE
Giuseppe Guida
Giuseppe Guida
User
Auteur

qui peggio...

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Auteur

In anteprima...

Lire plus
Posté le de Giuseppe Guida
Fabio C.
Fabio C.
User

Con il margine a 150 penso che sia normale che faccia così wink

Lire plus
Posté le de Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Auteur

Ciao Patrizia... Ma non lo capisco il comportamento...

io vorrei allungare il pulsante in orizzontale, cosa dovrei fare? Su quali margini operare? 

Ho messo a 150 il margine orizzontale perchè mi fa allungare in orizzontale il pulsante... Se non devo mettere il margine orizzontale a 150 per allungare il pulsante, allora cosa dovrei fare?  Agire su quello verticale? E poi mi si allarga in altezza... E' questo che non mi è chiaro...

Guarda se metto a 160 il margine orizzontale nel pulsante del MODULO CONTATTI...

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Auteur

... Invece se metto sempre il margine orizzontale a 160 ma nell'OGGETTO PULSANTE (stesso font, stessa grandezza font, stesso margine verticale per entrambi)

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Auteur

Per me sono due visualizzazioni totalmente diverse a parità di margini e di tutto il resto... Pulsante è quello del Modulo Contatti e Pulsante è quello dell'Oggetto Pulsante...

Vedi in basso l'anteprima di entrambi con le impostazioni uguali mostrate negli screenshot sopra... NON c'è uniformità visiva e a parità di valori si ottengono risultati diversi, credo Incomedia dovrebbe uniformare questi margini...

in foto: SOPRA si vede il Pulsante creato con l'OGGETTO PULSANTE e SOTTO il Pulsante creato con l'OGGETTO MODULO CONTATTI... Nel responsive diventa come in foto l'OGGETTO PULSANTE...

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Auteur

Mentre alle risoluzioni desktop è tutto regolare e i pulsanti sono uguali visivamente...

Io sono confuso, ad esser sincero...

Lire plus
Posté le de Giuseppe Guida
Mauro B.
Mauro B.
User

+1 

Giuseppe Guida
Mentre alle risoluzioni desktop è tutto regolare e i pulsanti sono uguali visivamente... Io sono confuso, ad esser sincero...

IDEM

Lire plus
Posté le de Mauro B.
Fabio C.
Fabio C.
User

Bisogn lavorarci un pò, sul pulsante non devi agire sui margini ma inserire spazi prima e dopo.

Lire plus
Posté le de Fabio C.
Esse Di
Esse Di
User

Secondo me

I margini servono solo a regolare la distanza del testo dai bordi sx, dx, superiore e inferiore del pulsante.

Se il testo va a capo vuol dire che la largheza del pulsante non è in grado di contenere tutto il testo, margini inclusi

Per allargare la larghezza del pulsante occorre disporlo su un numero maggiore di colonne o, il che è lo stesso, dimensionare diversamente le colonne

Se ho capito male, cancellate

Lire plus
Posté le de Esse Di
Fabio C.
Fabio C.
User

Bisogn lavorarci un pò, sul pulsante non devi agire sui margini ma inserire spazi prima e dopo le scritte "SERVIZi".

Scuasa ho dovuto riscrivere tutto perchè non fa modificare e avevo dimenticato di aggiungere le scritte "SERVIZi".

Lire plus
Posté le de Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Auteur

Essedi il problema é che il testo va perfettamente all'interno del pulsante perchè ho 150px a destra e 150 a sinistra. Ma se aumento oltre i 150 (quindi aumento lo spazio a destra e sinistra) stranamente il testo poi si divide in due. Dovrebbe essere il contrario, credo, e cioé al diminuire del margine diminuisce lo spazio a disposizione del testo e questa va a capo. Invece avviene il contrario. Non saprei.

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Auteur

Patrizia grazie per gli screen... Sí, so che se voglio disporre i pulsanti in un certo modo sulla griglia di impaginazione devo aggiungere spazi a destra o sinistra ma io mi riferisco a quando vado ad aggiungere del margine a destra e sinistra nelle impostazioni del pulsante che ha un comportamento diverso dal pulsante, ad esempio, del modulo contatti sul quale si usano anche i margini per renderlo piú esteso o meno esteso come per l'oggetto pulsante ma il risultato finale é differente poi.

Lire plus
Posté le de Giuseppe Guida
Fabio C.
Fabio C.
User
Giuseppe Guida
...Ma se aumento oltre i 150 (quindi aumento lo spazio a destra e sinistra)

Parlando dell'oggetto èulsante non aumenti lo spazio interno, anzi, lo diminuisci perche quelli sono i margini interni, per dare più spazio devi diminuirli

Lire plus
Posté le de Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Auteur

È poco chiaro il comportamento peró... prova ad aumentare i margini del pulsante INVIA del modulo CONTATTI (cambia il testo in SERVIZI) e aggiungi un margine destra/sinistra  superiore ai 150 px. Fai lo stesso con l'Oggetto Pulsante. Ribadisco: a mio avviso devono uniformare i comportamenti dei margini. Cosí é incoerente.

Lire plus
Posté le de Giuseppe Guida
Esse Di
Esse Di
User
Giuseppe Guida
Essedi il problema é che il testo va perfettamente all'interno del pulsante perchè ho 150px a destra e 150 a sinistra. Ma se aumento oltre i 150 (quindi aumento lo spazio a destra e sinistra) stranamente il testo poi si divide in due. Dovrebbe essere il contrario, credo, e cioé al diminuire del margine diminuisce lo spazio a disposizione del testo e questa va a capo. Invece avviene il contrario. Non saprei.

Lo spazio occupato da un oggetto è data da: margini esterni (margin) + bordi + margini interni (padding) + contenuto.

Se allochi uno spazio limitato (ad esempio 2 celle), margini e bordi restano fissi. Se il testo non entra nollo spazio rimaast, va a capo

Lire plus
Posté le de Esse Di
Esse Di
Esse Di
User
Giuseppe Guida
È poco chiaro il comportamento peró... prova ad aumentare i margini del pulsante INVIA del modulo CONTATTI (cambia il testo in SERVIZI) e aggiungi un margine destra/sinistra  superiore ai 150 px.

Il pulsante INVIA dell'oggetto Contatti ha a disposizione tutta la larghezza della pagina.

Giuseppe Guida

 Fai lo stesso con l'Oggetto Pulsante. Ribadisco: a mio avviso devono uniformare i comportamenti dei margini. Cosí é incoerente.

Prova a disporre l'oggetto pulsante su tutta la larghezza della pagina

Lire plus
Posté le de Esse Di
Giuseppe Guida
Giuseppe Guida
User
Auteur

Esse Di... sono entrambi su tutta la larghezza della pagina...

Lire plus
Posté le de Giuseppe Guida
Esse Di
Esse Di
User

Giuseppe, ho effettuato una prova con le stesse impostazioni tue ed esportato su web.

Ebbene sul cellulare, in posizione portrait, succede esattamente quello che hai denunciato.

Vi ho fatto solo perdere un po' di tempo

Lire plus
Posté le de Esse Di
Giuseppe Guida
Giuseppe Guida
User
Auteur

Patrizia... hai visto come appare l'oggetto pulsante nel responsive in riferimento al tuo esempio nel quale hai usato l'oggetto pulsante come se fosse un oggetto testo? (Scrivo qui perché l'altro topic é risolto e chiuso)...

Lire plus
Posté le de Giuseppe Guida
Fabio C.
Fabio C.
User
Giuseppe Guida
. Patrizia... hai visto come appare l'oggetto pulsante nel responsive...

Non lo guardare in responsive, quella cartella è solo per il forum e, nonstante sia impostato su responsive, no è ottimizzato, inserisco le prove al volo e le pubblico ma solo desktop.

Dovrò mettermici prima o poi a ottimizzarlo, comunque con le prove in locale va bene .

Lire plus
Posté le de Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ciao Giuseppe, la pagina online cui ultimo tuo stamp, non mi sembra regolare su smartphone (e neanche sul mio PC)...

... potrebbe essere un problema di regolazione delle opzioni nei vari breakpoint...

... intanto potresti provare provvisoriamente questo codice:

#imCell_1{grid-column: 2 / 146;}

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Auteur

Kol, l'esempio di quello stamp é di Patrizia. Peró lei ha fatto notare che in locale funziona tutto benissimo.

Lire plus
Posté le de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giuseppe Guida
Kol, l'esempio di quello stamp é di Patrizia. Peró lei ha fatto notare che in locale funziona tutto benissimo.

... grazie; ... allora il problema del layout ed il codice da provare è riferito a lei, e nel caso fosse problema simile al tuo, potresti provare anche tu...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Auteur

Kol, grazie ma ci ho rinunciato, per il momento, ad utilizzare l'oggetto gratuito pulsante (ho già sostituito i pulsanti gratuiti con gli oggetti pulsante a pagamento che funzionano molto meglio). Quando e se Incomedia noterà questo mio topic e provvederà a sistemare il funzionamento dell'Oggetto Pulsante gratuito allora ritornerò ad utilizzarlo. Per il momento va tutto perfettamente con gli oggetti a pagamento. Ciao

Lire plus
Posté le de Giuseppe Guida
Fabio C.
Fabio C.
User
Giuseppe Guida
Kol, grazie ma ci ho rinunciato, per il momento, ad utilizzare l'oggetto gratuito pulsante (ho già sostituito i pulsanti gratuiti con gli oggetti pulsante a pagamento che funzionano molto meglio). Quando e se Incomedia noterà questo mio topic e provvederà a sistemare il funzionamento dell'Oggetto Pulsante gratuito allora ritornerò ad utilizzarlo. Per il momento va tutto perfettamente con gli oggetti a pagamento. Ciao

E quando lo sistema l'oggetto gratuito se va bene quello a pagamento laughinglaughinglaughing

Lire plus
Posté le de Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Auteur

Patrizia, lo so, immagino... Già per sistemare i bug degli oggetti a pagamento passano mesi, figuriamoci per uno gratuito.

Lire plus
Posté le de Giuseppe Guida
Incomedia
Steve J.
Incomedia

Ciao Giuseppe, era da un po' che seguivo il post ma pensavo che fosse una discussione su funzionalità. Se avete individuato una anomalia, mi puoi indicare qui o in un nuovo post il problema in sintesi.

Grazie.

Lire plus
Posté le de Steve J.
Giuseppe Guida
Giuseppe Guida
User
Auteur

Steve, ciao. É tutto spiegato nei primi 7 messaggi di questo topic. Leggi solo i primi 7 miei. Grazie

Lire plus
Posté le de Giuseppe Guida
Incomedia
Steve J.
Incomedia

Ho letto (solo i primi) ed in effetti quello che vuoi ottenere tu non è valido. Il margine di 160px è troppo elevato e il programma non fa altro che rispettarlo. Quando la larghezza disponibile è insufficiente allora il testo va su più righe. 

Il fatto che lo veda diverso nell'Oggetto Email form è solo legato a una diversa modalità di visualizzare il pulsante rispetto all'oggetto Pulsante. In questo caso il margine "in eccesso" sborda a dx. Se fai l'anteprima del sito vedrai che il pulsante verrà tagliato, soprattutto nelle risoluzioni inferiori.

In sostanza non è un bug, ma un funzionamento che non è previsto per l'oggetto Pulsante. Tu infatti hai risolto (ho letto solo il commento sopra) con un Oggetto Pulsante Hover o Animated. 

In questi oggetti non si parla di Margine ma direttamente di Dimensioni che ti consentono di ottenere il risultato che cerchi. Con l'Oggetto Pulsante, invece, l'idea è di creare il classico pulsante, che ha si del margine, ma non di 160px :-)

Spero di aver chiarito.

Lire plus
Posté le de Steve J.
Giuseppe Guida
Giuseppe Guida
User
Auteur

Ok, grazie per le info, era quello che avevamo intuito un po' tutti. Ciao

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Auteur

Quindi se voglio ottenere un pulsante con l'Oggetto gratuito che sia un po' più "ampio" (intendo il larghezza) e che mi mantenga il testo tutto su una riga, in realtà non si può ottenere.

Lire plus
Posté le de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
... ...in realtà non si può ottenere.

... non si può dire; ...non ci sono esempi online, se non quello di Patrizia, in qui non è stato verificato il mio precedente codice relativo a quelle sue prove...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Auteur

Kol, se ho due minuti di tempo poi provo io e ti faccio sapere. Lo riapro il post magari puó servire per confrontarsi e per trovare una soluzione. Ciao

Lire plus
Posté le de Giuseppe Guida
Fabio C.
Fabio C.
User

Ho voluto approfondire un pò e ho notato che nelle visualizzazioni intermedie accade l'anomalia riscontrata da Giuseppe Guida, mentre nella visualizzazioni Desktop e Cellulare si adatta bene come ostrato nel mio screenshot sopra.

Per maggiore informazione dico anche che l'ultima visualizzazione (quella dello mio screen) è impostata a 400 e non a 480

Se potete fare delle prove anche voi per capire !?!?

Lire plus
Posté le de Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Patrizia B.
... ... ...  Se potete fare delle prove anche voi per capire !?!?

... il mio > precedente codice è riferito proprio al tuo esempio, in base a quello che vi avevo riscontrato, e secondo quanto asserito poi da Giuseppe...wink...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giuseppe Guida
Kol, se ho due minuti di tempo poi provo io e ti faccio sapere. Lo riapro il post magari puó servire per confrontarsi e per trovare una soluzione. Ciao

... OK, quando sarà, se possibile,  vedremo di cosa si tratterà, e se diverso da quello di Patrizia...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪