ASPX templates
Version 6.x > ASPX templates > Bizform customization View modes: 
User avatar
Certified Developer v7
Certified  Developer v7
adam - 8/24/2012 6:28:31 AM
   
Bizform customization
Hi just started looking at bizforms and have a few questions in regards customising the output and applying custom front-end validation.

i have created custom formcontrols and registered them to be used within forms.
created a form and used the custom layout.
i've added a editableregion to a aspx template and used the insert form button to add my new form.

this is the output html

<div id="ctl00_plcMain_Form_widget1_ctl00_viewBiz">
<div id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00">
<div id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_pnlForm" class="FormPanel" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_btnOK')">
<ol>
<li>
<label id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_lName" class="EditingFormLabel" for="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_Name_TextBox">Name:</label><br />
<div class="EditingFormControlNestedControl">
<input name="ctl00$plcMain$Form$widget1$ctl00$viewBiz$ctl00$Name$TextBox" type="text" id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_Name_TextBox" class="Required" />
</div></li>
<li>
<label id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_lEmail" class="EditingFormLabel" for="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_Email_TextBox">Email:</label><br />
<div class="EditingFormControlNestedControl">
<input name="ctl00$plcMain$Form$widget1$ctl00$viewBiz$ctl00$Email$TextBox" type="text" id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_Email_TextBox" class="Required Email" />
</div></li>
<li>
<label id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_lTelephone" class="EditingFormLabel" for="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_Telephone_textbox">Telephone:</label><br />
<div class="EditingFormControlNestedControl">
<input name="ctl00$plcMain$Form$widget1$ctl00$viewBiz$ctl00$Telephone$textbox" type="text" maxlength="150" id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_Telephone_textbox" class="TextBoxField" />

</div></li>
<li>
<input type="submit" name="ctl00$plcMain$Form$widget1$ctl00$viewBiz$ctl00$btnOK" value="Submit" id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_btnOK" class="FormButton" /></li>
</ol>

</div>
</div>
</div>


Questions

1) Where can i change this panel <div id="ctl00_plcMain_Form_widget1_ctl00_viewBiz_ctl00_pnlForm" class="FormPanel" ? i want to add my own class to it

2) <div class="EditingFormControlNestedControl">..Where can i remove this?

3) is there a way of changing the <input type="submit" ... control? such as adding css class and even using a linkbutton control.

4) $$input:Name$$. can you change these inbuilt macros? i'm guessing that this controls the output and functionality.

if it possible to do all this that would be great

cheers

User avatar
Kentico Consulting
Kentico Consulting
kentico_borisp - 8/24/2012 7:51:06 AM
   
RE:Bizform customization
Hello,

Regrettably, for all the changes you would need to have the source code license of Kentico or perform javascript actions to alter the output. If you are interested in more details about our form engine please check the form engine webinar.

Best regards,
Boris Pocatko

User avatar
Certified Developer v7
Certified  Developer v7
adam - 8/24/2012 10:24:10 AM
   
RE:Bizform customization
Thanks, managed to do most of it after watching that webinar.