WebSite X5Help Center

 
Giuseppe Guida
Giuseppe Guida
User

OGGETTO PULSANTE: anomalia testo diviso su due righe  it

Autor: Giuseppe Guida
Besucht 1459, Followers 1, Geteilt 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

Gepostet am
37 ANTWORTEN - 3 NüTZLICH
Giuseppe Guida
Giuseppe Guida
User
Autor

qui peggio...

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

In anteprima...

Mehr lesen
Gepostet am von Giuseppe Guida
Fabio C.
Fabio C.
User

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

Mehr lesen
Gepostet am von Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Io sono confuso, ad esser sincero...

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Mauro B.
Fabio C.
Fabio C.
User

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von 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".

Mehr lesen
Gepostet am von Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autor

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.

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

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.

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Esse Di
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Esse Di
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von 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 .

Mehr lesen
Gepostet am von Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Fabio C.
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Steve J.
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Steve J.
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User
Autor

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.

Mehr lesen
Gepostet am von Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
... ...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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
Autor

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

Mehr lesen
Gepostet am von 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 !?!?

Mehr lesen
Gepostet am von Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪