Forums

Custom code in CF7

kraadde 30 Sep, 2020
I imported CF5 forms into CF7. Where can I found the custom code in V7?
I may have to copy by hand from V5 forms to V7, but where...? Is there somewhere to put custom code in?
Following is a copy of my custom code from CF5:

QUOTE

<div style="text-align:center; color:#ff0006">
<h3>
Eingabemaske Exkursionen
</h3>
</div>
Bitte fülle die Daten der Veranstaltungen ein. Die Beschreibung und die Teilnehmerliste sollten pdf Dateien sein. Der Name erscheint genau so in den Veranstaltungslisten auf der Webseite.
<div style="text-align:center; color:#ff0006">
Keine Sonderzeichen und keine Umlaute verwenden!
</div>
<br/>
.
<br/>
<div class="form-group gcore-form-row" id="form-row-beschreibung">
<label for="beschreibung" class="control-label gcore-label-left">
Beschreibung
</label>
<div class="gcore-input gcore-display-table" id="fin-beschreibung">
<input name="beschreibung" id="beschreibung" value="" placeholder="" maxlength="50" size="36" class="validate[&#039;required&#039;] form-control A" title="" style="" data-inputmask="&#039;mask&#039; : &#039;(*| |-|.|,){1,35}&#039;"
data-load-state="" data-tooltip="Titel erscheint genau so auf der Webseite! Keine Umlaute und keine Sonderzeichen verwenden! Max. 30 Charakter. " type="text" />
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-datei_flyer">
<label for="datei_flyer" class="control-label gcore-label-left">
Dateiname Flyer
</label>
<div class="gcore-input gcore-display-table" id="fin-datei_flyer">
<input name="datei_flyer" id="datei_flyer" class="validate[&#039;required&#039;] form-control gcore-height-auto A" title="" style="" multiple="0" data-load-state="" data-tooltip="pdf-Dateiname der Beschreibung. Keine Umlaute und keine Sonderzeichen! (max. 1000 kB)"
type="file" size="50" />
</div>
</div>
<input name="veranstaltung_art" id="veranstaltung_art" value="Exkursion" type="hidden" class="form-control A" />
<div class="form-group gcore-form-row" id="form-row-multi-90">
<div class="gcore-subinput-container" id="fitem-anz_durchfuehrungen">
<label for="anz_durchfuehrungen" class="control-label gcore-label-left">
Anz. Daten
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-anz_durchfuehrungen">
<select name="anz_durchfuehrungen" id="anz_durchfuehrungen" size="" class="form-control A" title="" style="" data-load-state="" data-tooltip="">
<option value="anz1">
1
</option>
<option value="anz2">
2
</option>
</select>
</div>
</div>
<div class="gcore-subinput-container" id="fitem-menuevar">
<label for="menuevar" class="control-label gcore-label-left">
Anz. Menüs
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-menuevar">
<select name="menuevar" id="menuevar" size="" class="form-control A" title="" style="" data-load-state="" data-tooltip="">
<option value="0">
0
</option>
<option value="1">
1
</option>
<option value="2">
2
</option>
<option value="3">
3
</option>
</select>
</div>
</div>
<div class="gcore-subinput-container" id="fitem-ht_ga">
<label for="ht_ga" class="control-label gcore-label-left">
HT/GA Verg.
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-ht_ga">
<select name="ht_ga" id="ht_ga" size="" class="form-control A" title="" style="" data-load-state="" data-tooltip="">
<option value="N">
Nein
</option>
<option value="J">
Ja
</option>
</select>
</div>
</div>
<div class="gcore-subinput-container" id="fitem-museumspass">
<label for="museumspass" class="control-label gcore-label-left">
Museumpass
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-museumspass">
<select name="museumspass" id="museumspass" size="" class="form-control A" title="" style="" data-load-state="" data-tooltip="">
<option value="N">
Nein
</option>
<option value="J">
Ja
</option>
</select>
</div>
</div>
<div class="gcore-subinput-container" id="fitem-nur_oev">
<label for="nur_oev" class="control-label gcore-label-left">
Nur ÖV
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-nur_oev">
<select name="nur_oev" id="nur_oev" size="" class="form-control A" title="" style="" data-load-state="" data-tooltip="">
<option value="N">
Nein
</option>
<option value="J">
Ja
</option>
</select>
</div>
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-multi-82">
<div class="gcore-subinput-container" id="fitem-durchfuehrungstag1">
<label for="durchfuehrungstag1" class="control-label gcore-label-left">
Durchführungstag 1
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-durchfuehrungstag1">
<select name="durchfuehrungstag1" id="durchfuehrungstag1" size="" class="validate[&#039;required&#039;] form-control A" title="" style="" data-load-state="" data-tooltip="">
<option value="Mo">
Mo
</option>
<option value="Di">
Di
</option>
<option value="Mi">
Mi
</option>
<option value="Do">
Do
</option>
<option value="Fr">
Fr
</option>
<option value="Sa">
Sa
</option>
<option value="So">
So
</option>
</select>
</div>
</div>
<div class="gcore-subinput-container" id="fitem-durchfuehrungsdatum1">
<label for="durchfuehrungsdatum1" class="control-label gcore-label-left">
Durchführungsdatum 1
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-durchfuehrungsdatum1">
<input name="durchfuehrungsdatum1" id="durchfuehrungsdatum1" value="" placeholder="" maxlength="12" size="12" class="validate[&#039;required&#039;] form-control A" title="" style="" data-inputmask="&#039;alias&#039; : &#039;yyyy-mm-dd&#039;"
data-load-state="" data-tooltip="Gültiges Datumsformat : JJJJ-MM-TT" type="text" />
</div>
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-multi-83">
<div class="gcore-subinput-container" id="fitem-durchfuehrungstag2">
<label for="durchfuehrungstag2" class="control-label gcore-label-left">
Durchführungstag 2
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-durchfuehrungstag2">
<select name="durchfuehrungstag2" id="durchfuehrungstag2" size="" class="validate[&#039;required&#039;] form-control A" title="" style="" data-load-state="" data-tooltip="">
<option value="Mo">
Mo
</option>
<option value="Di">
Di
</option>
<option value="Mi">
Mi
</option>
<option value="Do">
Do
</option>
<option value="Fr">
Fr
</option>
<option value="Sa">
Sa
</option>
<option value="So">
So
</option>
</select>
</div>
</div>
<div class="gcore-subinput-container" id="fitem-durchfuehrungsdatum2">
<label for="durchfuehrungsdatum2" class="control-label gcore-label-left">
Durchführungsdatum 2
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-durchfuehrungsdatum2">
<input name="durchfuehrungsdatum2" id="durchfuehrungsdatum2" value="" placeholder="" maxlength="12" size="12" class="validate[&#039;required&#039;] form-control A" title="" style="" data-inputmask="&#039;alias&#039; : &#039;yyyy-mm-dd&#039;"
data-load-state="" data-tooltip="Gültiges Datumsformat : JJJJ-MM-TT" type="text" />
</div>
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-multi-84">
<div class="gcore-subinput-container" id="fitem-durchfuehrungstag3">
<label for="durchfuehrungstag3" class="control-label gcore-label-left">
Durchführungstag 3
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-durchfuehrungstag3">
<select name="durchfuehrungstag3" id="durchfuehrungstag3" size="" class="validate[&#039;required&#039;] form-control A" title="" style="" data-load-state="hidden_parent" data-tooltip="">
<option value="Mo">
Mo
</option>
<option value="Di">
Di
</option>
<option value="Mi">
Mi
</option>
<option value="Do">
Do
</option>
<option value="Fr">
Fr
</option>
<option value="Sa">
Sa
</option>
<option value="So">
So
</option>
</select>
</div>
</div>
<div class="gcore-subinput-container" id="fitem-durchfuehrungsdatum3">
<label for="durchfuehrungsdatum3" class="control-label gcore-label-left">
Durchführungsdatum 3
</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-durchfuehrungsdatum3">
<input name="durchfuehrungsdatum3" id="durchfuehrungsdatum3" value="" placeholder="" maxlength="12" size="12" class="validate[&#039;required&#039;] form-control A" title="" style="" data-inputmask="&#039;alias&#039; : &#039;yyyy-mm-dd&#039;"
data-load-state="hidden_parent" data-tooltip="Gültiges Datumsformat : JJJJ-MM-TT" type="text" />
</div>
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-anmeldeschluss">
<label for="anmeldeschluss" class="control-label gcore-label-left">
Anmeldeschluss
</label>
<div class="gcore-input gcore-display-table" id="fin-anmeldeschluss">
<input name="anmeldeschluss" id="anmeldeschluss" value="" placeholder="" maxlength="12" size="12" class="validate[&#039;required&#039;] form-control A" title="" style="" data-inputmask="&#039;alias&#039; : &#039;yyyy-mm-dd&#039;"
data-load-state="" data-tooltip="Gültiges Datumsformat : JJJJ-MM-TT" type="text" />
</div>
</div>


<div class="form-group gcore-form-row" id="form-row-text_checkbox">
<label for="text_checkbox" class="control-label gcore-label-left gcore-label-checkbox">
Individuelle Rückfrage
</label>
<div class="gcore-input gcore-display-table" id="fin-text_checkbox">
<div class="gcore-checkbox-item" id="fitem">
<input name="text_checkbox" id="text_checkbox" value="1" class="A" title="" style="" data-load-state="" data-tooltip="" type="checkbox" />
<label class="control-label gcore-label-checkbox" for="text_checkbox">
</label>
</div>
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-indiv_text">
<label for="indiv_text" class="control-label gcore-label-left">
Individuelle Rückfrage-Text
</label>
<div class="gcore-input gcore-display-table" id="fin-indiv_text">
<textarea name="indiv_text" id="indiv_text" placeholder="" rows="3" cols="40" class="form-control A" title="" style="" data-wysiwyg="0" data-load-state="" data-tooltip="">
</textarea> </div>
</div>

<div class="form-group gcore-form-row" id="form-row-veranstalter">
<label for="veranstalter" class="control-label gcore-label-left">
Veranstalter
</label>
<div class="gcore-input gcore-display-table" id="fin-veranstalter">
<input name="veranstalter" id="veranstalter" value="" placeholder="" class="form-control A" title="" style="" data-inputmask="" data-load-state="hidden_parent" data-tooltip="" type="text" />
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-veranstalter_email">
<label for="veranstalter_email" class="control-label gcore-label-left">
Veranstalter_email
</label>
<div class="gcore-input gcore-display-table" id="fin-veranstalter_email">
<input name="veranstalter_email" id="veranstalter_email" value="" placeholder="" class="validate[&#039;required&#039;,&#039;email&#039;] form-control A" title="" style="" data-inputmask="" data-load-state=""
data-tooltip="" type="text" />
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-veranstalter_tel">
<label for="veranstalter_tel" class="control-label gcore-label-left">
Veranstalter_tel
</label>
<div class="gcore-input gcore-display-table" id="fin-veranstalter_tel">
<input name="veranstalter_tel" id="veranstalter_tel" value="" placeholder="" class="form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" />
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-teilnehmerliste">
<label for="teilnehmerliste" class="control-label gcore-label-left">
Teilnehmerliste und Warteliste
</label>
<div class="gcore-input gcore-display-table" id="fin-teilnehmerliste">
<input name="teilnehmerliste" id="teilnehmerliste" class="form-control gcore-height-auto A" title="" style="" multiple="0" data-load-state="" data-tooltip="pdf-Dateiname der Teilnehmerliste. Keine Umlaute und keine Sonderzeichen! (max. 1000 kB) "
type="file" />
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-freigabe_anmeldung">
<label for="freigabe_anmeldung" class="control-label gcore-label-left gcore-label-checkbox">
Freigabe Anmeldung
</label>
<div class="gcore-input gcore-display-table" id="fin-freigabe_anmeldung">
<div class="gcore-checkbox-item" id="fitem">
<input name="freigabe_anmeldung" id="freigabe_anmeldung" value="1" class="A" title="" style="" data-load-state="" data-tooltip="" type="checkbox" />
<label class="control-label gcore-label-checkbox" for="freigabe_anmeldung">
Setze ein Hacken wenn eine Anmeldung möglich sein soll.
</label>
</div>
</div>
</div>
<div class="form-group gcore-form-row" id="form-row-button93">
<div class="gcore-input gcore-display-table" id="fin-button93">
<input name="button93" id="button93" type="submit" value="Submit" class="btn btn-default form-control A" style="" data-load-state="" />
</div>
</div>
UNQUOTE
Ron 30 Sep, 2020
Hey kraadde..

There is no custom code in V7. Sadly I am missing it too. Hope they add it ?
Max_admin 01 Oct, 2020
If you have HTML code to show then use the HTML view, if your code has PHP code with tags then enable the PHP code support behavior in the HTML view

if you need something else then please ask!
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
bytekultur 20 Jan, 2021
Hi Max, I have tested exactly that on a custom HTML element, and the php code does not run.
test <?php echo 'with php code'; ?>
This outputs only "test", the "with php code" is not shown. I have not licensed V7 yet, as I am still testing if it offers all the features I was used to in previous versions. There is no such notice though, while with CSS there is, so I am assuming it has nothing to do with that.
Max_admin 04 Feb, 2021
you should enable the Run PHP behavior in the HTML view, and that may not work on frontend if your install is not validated!
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
You need to login to be able to post a reply.