Zoho Creator Tab Code

Zoho Creator Tab Code

hide College_Details;
hide Employee_Details;
hide Bank_Details;
if(input.Radio == "Personal Information")
{
index = 1;
show Employee_Details;
hide College_Details;
hide Bank_Details;
}
else if(input.Radio == "College Details")
{
index = 2;
hide Employee_Details;
show College_Details;
hide Bank_Details;
}
else if(input.Radio == "Bank Details")
{
index = 3;
show Bank_Details;
hide College_Details;
hide Employee_Details;
}
selected_item_style = ".choice-table-row:nth-child(" + index + ").choice-table-cell span .choice-label-text { border-bottom: 3px solid #55b3e7; }";
input.plain = "<style> .form-header { display: none} .zc-form-scroll-wrapper .column-block:nth-child(1) .zc-radio-field-group .zc_picklist_label{ display: none } .form-field .tempContDiv .choice-table-row { display: inline-block; padding: 0} .zc_radio:checked+label:after {display: none}none} .customRadio { position: static !important; display: none;} .choice-table-row .choice-table-cell span .choice-label-text { text-transform: uppercase; font-weight: bold; color: darkorange; border-bottom: 2px solid;padding: 1@px @ 2px @; display: inline-block; text-align: center; width:200px !important; } .choice-table-row .choice-table-cell { padding: @ !important} .choice-table-row:not(:nth-child(1)) .choice-table-cell span .customRadio+label, .customCheckbox+label{display: none;} .choice-table-cell spanchoice-Label-text { border-left: 1px solid #b8b8b8}" + selected_item_style + "</style>";
info input.Radio;