WebSite X5Help Center

 
Giuseppe Guida
Giuseppe Guida
User

OGGETTO PULSANTE: anomalia testo diviso su due righe  it

Author: Giuseppe Guida
Visited 1158, Followers 1, Shared 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

Posted on the
37 ANSWERS - 3 USEFUL
Giuseppe Guida
Giuseppe Guida
User
Author

qui peggio...

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Author

In anteprima...

Read more
Posted on the from Giuseppe Guida
Fabio C.
Fabio C.
User

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

Read more
Posted on the from Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Author

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

Io sono confuso, ad esser sincero...

Read more
Posted on the from 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

Read more
Posted on the from Mauro B.
Fabio C.
Fabio C.
User

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

Read more
Posted on the from 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

Read more
Posted on the from 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".

Read more
Posted on the from Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Author

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.

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Author

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.

Read more
Posted on the from 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

Read more
Posted on the from Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from 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

Read more
Posted on the from 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

Read more
Posted on the from Esse Di
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from 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

Read more
Posted on the from Esse Di
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from 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 .

Read more
Posted on the from 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;}

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from 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...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from 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

Read more
Posted on the from Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from 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.

Read more
Posted on the from Steve J.
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from 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.

Read more
Posted on the from Steve J.
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Author

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.

Read more
Posted on the from 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...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Author

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

Read more
Posted on the from 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 !?!?

Read more
Posted on the from 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...

.

Read more
Posted on the from  ‪ 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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪