OGGETTO PULSANTE: anomalia testo diviso su due righe
Author: Giuseppe Guida
Visited 1462,
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
Author
qui peggio...
Author
In anteprima...
Con il margine a 150 penso che sia normale che faccia così
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...
Author
... Invece se metto sempre il margine orizzontale a 160 ma nell'OGGETTO PULSANTE (stesso font, stessa grandezza font, stesso margine verticale per entrambi)
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...
Author
Mentre alle risoluzioni desktop è tutto regolare e i pulsanti sono uguali visivamente...
Io sono confuso, ad esser sincero...
+1
IDEM
Bisogn lavorarci un pò, sul pulsante non devi agire sui margini ma inserire spazi prima e dopo.
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
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".
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.
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.
Parlando dell'oggetto èulsante non aumenti lo spazio interno, anzi, lo diminuisci perche quelli sono i margini interni, per dare più spazio devi diminuirli
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.
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
Il pulsante INVIA dell'oggetto Contatti ha a disposizione tutta la larghezza della pagina.
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
Author
Esse Di... sono entrambi su tutta la larghezza della pagina...
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
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)...
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 .
... 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;}
.
Author
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...
.
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
E quando lo sistema l'oggetto gratuito se va bene quello a pagamento
Author
Patrizia, lo so, immagino... Già per sistemare i bug degli oggetti a pagamento passano mesi, figuriamoci per uno gratuito.
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.
Author
Steve, ciao. É tutto spiegato nei primi 7 messaggi di questo topic. Leggi solo i primi 7 miei. Grazie
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.
Author
Ok, grazie per le info, era quello che avevamo intuito un po' tutti. Ciao
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.
... 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...
.
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
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 !?!?
... il mio > precedente codice è riferito proprio al tuo esempio, in base a quello che vi avevo riscontrato, e secondo quanto asserito poi da Giuseppe......
.
... OK, quando sarà, se possibile, vedremo di cosa si tratterà, e se diverso da quello di Patrizia...
ciao
.