WebSite X5Help Center

 
Giuseppe Guida
Giuseppe Guida
User

OGGETTO PULSANTE: anomalia testo diviso su due righe  it

Autore: Giuseppe Guida
Visite 1152, Followers 1, Condiviso 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

Postato il
37 RISPOSTE - 3 UTILI
Giuseppe Guida
Giuseppe Guida
User
Autore

qui peggio...

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

In anteprima...

Leggi di più
Postato il da Giuseppe Guida
Fabio C.
Fabio C.
User

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

Leggi di più
Postato il da Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Io sono confuso, ad esser sincero...

Leggi di più
Postato il da 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

Leggi di più
Postato il da Mauro B.
Fabio C.
Fabio C.
User

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da 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".

Leggi di più
Postato il da Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autore

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.

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

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.

Leggi di più
Postato il da 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

Leggi di più
Postato il da Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da 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

Leggi di più
Postato il da Esse Di
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da Esse Di
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da 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 .

Leggi di più
Postato il da 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;}

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Steve J.
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Steve J.
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autore

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.

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autore

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

Leggi di più
Postato il da 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 !?!?

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪