Forums

Chronoforms5 - custom and events don't work

giusebos 10 Nov, 2014
I would like display text for each radio option:
[attachment=0]singolo-item.png[/attachment]

ok I did, but I have a problem

the first time show the form I see all the text
[attachment=1]tutti-items.png[/attachment]
giusebos 10 Nov, 2014
I used a custom field with this code:
<div class="pippo" data-load-state="hidden_parent">Lorem ipsum dolor sit amet, ............... </div>

these options in events:
[attachment=0]option.png[/attachment]
BNDragon 10 Nov, 2014
Hi giusebos,

If your form is work fine, I think that the easy way is to add a custom css action on load event and set the fields with the text with
display:none;


Hope it helps,
BN
giusebos 10 Nov, 2014
Answer
I not understand where to insert display:none...........

by testing if insert this code in custom:


<input id="1_8" class="form-control A" type="text" data-tooltip="" data-load-state="hidden_parent" data-inputmask="" style=""    value="MY_TEXT" readonly name="1_8">

work as expected
BNDragon 10 Nov, 2014
Hi giusebos,

On your CF5 Advanced Mode form builder, in the tab Setup, you'll see the onLoad Event, em in the left collum, you see below Basic tab, the action "Load CSS", drag the action to the onLoad event, and click the edit button, and then appear, a text box where you can insert CSS rules.
ie:
#fin-fid11,#fid13{display:none;}


BN
giusebos 10 Nov, 2014
does not work ...
BNDragon 10 Nov, 2014
Hi giusebos,

You drag the Load Css action before or after the HTML action?
Must be before the HTML action.

Cya
BN
giusebos 10 Nov, 2014
yes before......
GreyHead 11 Nov, 2014
Hi guisebos,

If you are using a Custom Element element you can just add the CSS there:
<div class="pippo" style='display: none;' data-load-state="hidden_parent">Lorem ipsum dolor sit amet, ............... </div>

Bob
giusebos 11 Nov, 2014
Thank Bob, does not work ...
I removed the label and entered the code:
[attachment=0]00.png[/attachment]

this code:
[attachment=1]01.jpg[/attachment]
giusebos 11 Nov, 2014
[attachment=0]02.jpg[/attachment]
giusebos 12 Nov, 2014
I found by entering this code works:


<input id="pippo" class="form-control A" type="text" data-tooltip="" data-load-state="hidden_parent" data-inputmask="" style=""    value="_my_text_" readonly name="pippo">

This topic is locked and no more replies can be posted.