WebSite X5Help Center

 
Michele G.
Michele G.
User

Ingrandire "Accetto" nel modulo contatto.  it

Автор: Michele G.
Просмотрено 420, Подписчики 3, Размещенный 0  

Ciao a tutti,

per una migliore leggibilità è possibile ingrandire – anche con codici esterni – l’accettazione dei termini di privacy nel modulo contatti (come in allegato)?

Grazie e buon weekend.

Michele.

Размещено
20 Ответы - 4 Полезно
Giancarlo B.
Giancarlo B.
User

Ciao si potrebbe utilizzare per il ceckbox transform: scale(1.5); /* aumenta la dimensione del 50% */

e per accetta font-size:20px ma devi sapere l'ID dell'oggetto che si trova sulla tua pagina, credo sarebbe utile il link.

Ciao.

Читать больше
Размещено От Giancarlo B.
Michele G.
Michele G.
User
Автор

Grazie Giancarlo per il tuo contributo.

Non so come identificare gli ID degli oggetti embarassed

Questo è il link dove sto facendo le prove: https://conari.altervista.org/index.html

Michele.

Читать больше
Размещено От Michele G.
Giancarlo B.
Giancarlo B.
User

con questi valori il risultato dovrebbe essere quello sotto, in grassetto i valori che puoi variare

mettilo sulla pagina prima della chiusura del tag HEAD

<style>
#imObjectForm_15_form input[type="checkbox"], #imObjectForm_15_form input[type="radio"]
Specificity: (1,1,1)
{ transform: scale(1.5)!important;
}

#imObjectForm_15_form label {
font-size: 20px!important;
}
</style>

Читать больше
Размещено От Giancarlo B.
Giancarlo B.
Giancarlo B.
User

se il Checkbox  è troppo attaccato al testo puoi provare aggiungere il codice sotto in grassetto

<style>
#imObjectForm_15_form input[type="checkbox"], #imObjectForm_15_form input[type="radio"]
Specificity: (1,1,1)
{ transform: scale(1.5)!important;
}

#imObjectForm_15_form label {
font-size: 20px!important;
}

.imObjectFormAgreementCheckbox {
margin-right: 15px;
}
</style>

Читать больше
Размещено От Giancarlo B.
Giancarlo B.
Giancarlo B.
User

alternativa più semplice e testata per te:

<style>

#imObjectForm_15_form label {
font-size: 20px!important;
}

.imObjectFormAgreementCheckbox {
margin-right: 15px;
transform: scale(1.5)!important;
vertical-align: baseline;
}
</style>

Читать больше
Размещено От Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Michele G.
... ... ... per una migliore leggibilità è possibile ingrandire – anche con codici esterni – l’accettazione dei termini di privacy nel modulo contatti (come in allegato)? ... ... ... 

... le misure di Accetto si possono controllare con il Programma, mentre per il checkbox occorre codice EXTRA...
... da una mia invenzione esclusiva per il forum DE  potresti ottenere il risultato che si vede simulato nel mio seguente STAMP...
... se non ottieni risultati in altri modi, e se ti interessa questo aspetto EXTRA, oppure solo per le misure del checkbox e di "Accetto" in EXTRA, ...avvisami, ...e nel caso, come per gli altri casi che già conosci, basterà un click...

.

ciao

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User

A quanto aggiunto da Giancarlo web , che va benissimo, puoi in un colpo solo fare entrambi: check e label ACCETTO in questo modo come ho fatto per il mio modulo contatti.

<style>
/* Ingrandisci la checkbox */
input.imObjectFormAgreementCheckbox {
transform: scale(1.7) !important; /* leggermente più grande */
transform-origin: left center !important;
margin-right: 15px !important; /* più spazio tra checkbox e testo */
vertical-align: middle !important;
}

/* Ingrandisci e stacca meglio il testo "Accetto" */
label[for="imObjectForm_362_7"] {
font-size: 1.25em !important; /* più grande del 25% */
font-weight: 500 !important;
line-height: 1.7 !important;
display: inline-block !important;
vertical-align: middle !important;
}


</style>

Inserisci il codice nella proprietà della pagina prima della chiusura del tag HEAD.

Sostituisci "imObjectForm_362_7" con il tuo che, in questo tuo test mi sembra sia "imObjectForm_15_67"

Se vuoi staccare di più ACCETTO dalla check vai sul primo blocco CSS e cambia questa dicitura►  margin-right: 15px !important; /* più spazio tra checkbox e testo */ in ► margin-right: 20px !important; /* più spazio tra checkbox e testo */

Ci sono altri 100 modi di intervento per fare ciò che vuoi riguardo la tua richiesta quindi il codice da me proposto va solo provato.

Читать больше
Размещено От Roberto M.
Michele G.
Michele G.
User
Автор

Per correttezza e per far sì che altri utenti possano usufruire dei consigli di Giancarlo, Roberto e Kolasim, di seguito i risultati delle prove fatte 

Giancarlo B.
con questi valori il risultato dovrebbe essere quello sotto, in grassetto i valori che puoi variare mettilo sulla pagina prima della chiusura del tag HEAD <style> #imObjectForm_15_form input[type="checkbox"], #imObjectForm_15_form input[type="radio"] Specificity: (1,1,1) { transform: scale(1.5)!important; } #imObjectForm_15_form label { font-size: 20px!important; } </style>

Perfettamente funzionante! wink

Roberto M.
A quanto aggiunto da Giancarlo web , che va benissimo, puoi in un colpo solo fare entrambi: check e label ACCETTO in questo modo come ho fatto per il mio modulo contatti. ▼ <style> /* Ingrandisci la checkbox */ input.imObjectFormAgreementCheckbox { transform: scale(1.7) !important; /* leggermente più grande */ transform-origin: left center !important; margin-right: 15px !important; /* più spazio tra checkbox e testo */ vertical-align: middle !important; } /* Ingrandisci e stacca meglio il testo "Accetto" */ label[for="imObjectForm_15_67"] { font-size: 1.25em !important; /* più grande del 25% */ font-weight: 500 !important; line-height: 1.7 !important; display: inline-block !important; vertical-align: middle !important; } </style>

Perfettamente funzionante! wink

 ‪ KolAsim ‪ ‪
... jedenfalls, vorübergehend, bis Sie das Problem beheben, lautet mein Code für das Schema, das Sie jetzt haben, wie folgt: <script> /** -- iscrizione News x WSx5 by KolAsim -- */ $(document).ready(function() {//K>; objektK = "#imObjectForm_15"; objK = '$(objektK + "_field > span > span:nth-child(1), " + objektK + "_2_txt")'; $(eval(objK)).hide(); textK = 'Accetto'; $(objektK+'_2_label').html(textK); });//K<<; </script>

@Kolasim --> ho provato a fare copia e incolla del tuo script "tedesco" smile cercando di capire dove e cosa potevo modificare per adattarlo alla mia esigenza.....sicuramente sbaglio qualcosa visto che non sono tanto pratico di script un pò complicati per me; (attualmente questo script è online allo steso link affinché tu possa correggere gli errori che ho fatto a beneficio anche di altri colleghi).

In ogni caso grazie per i vostri preziosi interventi.

Michele.

Читать больше
Размещено От Michele G.
Giancarlo B.
Giancarlo B.
User

Ottimo Michele mi fa piacere esserti stato utile, ciao 

Читать больше
Размещено От Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Michele G.
... ... ...  @Kolasim --> ho provato a fare copia e incolla del tuo script "tedesco" ... ... ... 

... se vuoi provare il  mio codice per ottenere un effetto simile al mio STAMP (+altro!), togli quello che hai messo adesso, ed incolla quest'altro:

<script>
/** -- personalizzazione Privacy x News x WSx5 by KolAsim -- */
$(document).ready(function() {//K>;
//------------------------------
objectK = ".imObjectFormFieldContainer";
K = $(objectK + " > div > div");$(K).addClass("tuttiK");$([K[9],K[10],K[12],K[14]]).addClass("esclusiK");
styleK = '<style>.imObjectFormAgreementCheckbox{width:26px !important;height:26px!important}#infoK:hover{color:red;background-color:yellow;border-radius:50%;border:solid 2px red}.imObjectFormAgreementCheckboxWrapper label{font-size:28px !important;top:7px!important;position:relative;}.imObjectFormFieldContainer label span * {font-size:22px ;top:9px!important;position:relative}@media(max-width:720px){.tuttiK{font-size:18px !important}.esclusiK{font-size:16px!important}.imObjectFormFieldContainer label span * {font-size:14px;top:11px!important;position:relative}}</style>';
$("head").append(styleK);
textPrivacyK = '<b><a href="javascript:void(0)" id="sPK" onclick = "showPrivacyK()" style="text-decoration:none" title="Vedi Informazioni \n sulla Privacy">Privacy*»</a></b>';
textPrivacy2K = '<div id = "infoK" onclick = "showPrivacyK()" title="Vedi Informazioni \n sulla Privacy" style = "width:30px;height:30px;font-size:24px;text-align:center;top:5px;cursor:pointer;position:relative;display: inline-block;">ⓘ</div>';
$(objectK + " > div > span textarea").hide();
$(objectK + " label span").html(textPrivacyK);
$(".imObjectFormAgreementCheckboxWrapper label").after("&ensp; &ensp;" + textPrivacy2K)
});//K<<;
function showPrivacyK(){//K1>;
$(objectK + " > div > span textarea").show();
};//K1<<;
</script>

-------------------------------------------------

... se ti funziona online, potrebbe stupirti, altrimenti ignora, le soluzioni hai detto che ce le hai già...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Michele G.
Michele G.
User
Автор

Ciao Kol,

non solo funziona online ma dà anche un bell'effetto con il tooltip con tipo "lista a discesa".

P.S. Secondo me - a prescindere la lista a discesa - sarebbe più opportuno se si potesse avvicinare ancora di più "Privacy" con "Accetto" ...... esteticamente starebbe meglio, ma questo è solo un mio pensiero. smile

Comunque grazie.

Michele.

Читать больше
Размещено От Michele G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... ho visto che hai fatto delle modifiche...

... per poter valutare qualche variante, dovresti ritogliere il codice...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Michele G.
Michele G.
User
Автор
 ‪ KolAsim ‪ ‪
... OK ... ho visto che hai fatto delle modifiche... ... per poter valutare qualche variante, dovresti ritogliere il codice... . ciao .

Ciao Kol, forse ti sarà sfuggito ma è da ieri che ho postato senza codice come da te richiesto smile.

Grazie.

Читать больше
Размещено От Michele G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... vado a vedere, controllo,  e poi ti farò sapere...

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... provalo ... a bassa risoluzione dovresti risparmiare 500-1000 pixel di scroll verticale...

<script>
/** -- personalizzazione Privacy x News x WSx5 by KolAsim -- */
$(document).ready(function() {setTimeout(function(){objectK = ".imObjectFormFieldContainer";
K = $(objectK + " > div > div");$(K).addClass("tuttiK");$([K[9],K[10],K[12],K[14]]).addClass("esclusiK");
styleK = '<style> .imObjectFormFieldContainer:last-child label {display:none!important}.imObjectFormFieldContainer > div > span textarea{display:none !important} .imObjectFormAgreementCheckbox{width:26px!important;height:26px!important} #infoK{left:5px;cursor:pointer;display:inline-block} #infoK:hover{font-weight: bold;color:red}#divK{position:relative;top:10px;left:0px;margin:auto;text-align:center}#divK2{left:0px;width:100%;height:auto;margin:auto;}@media(max-width:720px){.tuttiK{font-size:18px !important}.esclusiK{font-size:16px!important}}</style>';
$("head").append(styleK);
infoK = '<div id = "infoK" title="Vedi Informazioni\nsulla Privacy">ⓘ</div>';
$(objectK + " > div > span textarea").hide();
$(".imObjectFormAgreementCheckboxWrapper label").after(infoK);
divK = '<div id = "divK">Privacy*</div>';divK2 = '<div id = "divK2" ></div>';
$(".imObjectFormAgreementCheckbox,.imObjectFormAgreementCheckboxWrapper label,#infoK").wrapAll(divK);
$(".imObjectFormFieldContainer div textarea").wrap(divK2);
KK = $(".imObjectFormFieldContainer");TotK = KK.length;
$("#divK").prependTo( $(KK[TotK-1]));$("#divK2").appendTo( $(KK[TotK-1]));
function showPrivacyK(){$(".imObjectFormFieldContainer textarea").css("display","block");};
$("#divK,#divK *").css("font-size","30px");
$("#infoK").click(function(){$(this).hide();showPrivacyK();});},1000);});
function showPrivacyK(){$(objectK + " > div > span textarea").show();};
</script>

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Michele G.
Michele G.
User
Автор

Perfetto Kol!

Thanks.

Читать больше
Размещено От Michele G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ...  ciao ...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Alessandro R.
Alessandro R.
User

ciao a tutti, dal mio punto di vista, sarebbe molto utile avere un aggiornamento Incomedia.

La modifica non dovrebbe essere ne complessa, ne rubare risorse preziose...mi sembra che il "piatto sia pronto".

:)

ps: ringrazio tutti per la collaborazione al codice presente nel post...

Читать больше
Размещено От Alessandro R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... la tua potrebbe essere un'idea abbastanza valida che tu potresti postare nella sezione IDEA, affinché messa in evidenza ne prenda traccia lo STAFF per essere valutata...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Purtroppo Alessandro qui si va avanti con codici su codici che dopo qualche versione, spesso, non funzionano neanche piu (vedi qui: https://helpcenter.websitex5.com/ru/post/272315 e come questo ce ne sono altri).

Sarebbe davvero opportuno che Incomedia ponga rimedio a tutto questo uso di codice extra che si deve necessariamente fare per ottenere, a volte, anche banali personalizzazioni che, su altri software/piattaforme, si fanno senza troppe complicazioni e senza troppe perdite di tempo.

In fondo l'ottimizzazione dei tempi di lavoro é alla base di tutto ma con Website X5 siamo costretti, dopo decenni, a dover fare, a titolo di esempio, ancora il copia e incolla di UN OGGETTO ALLA VOLTA tra pagine di uno stesso progetto... Se vuoi posso continuare ad elencare le tante cose che andrebbero ottimizzate ma:

1) per me é tempo super sprecato (a Incomedia non gliene frega nulla!)

2) Incomedia lo sa PERFETTAMENTE cosa va migliorato nel suo software per ottimizzare i tempi di lavoro, non voglio pensare che non siano consapevoli di ció, sarebbe molto grave. 

+1 per la tua richiesta e per TUTTE le sacrosante richieste che possono portare a lavorare meglio, agevolmente e più velocemente con il software.

Читать больше
Размещено От Giuseppe Guida