• Resolved Sarge_Hosting_77

    (@scarecrowb1)


    Hi,

    I’ve built a nice form with many calculated fields – it shows a summary on the second last tab. I’d like to style this summary form so it looks a better. There are currently 12 fields in the summary and I use the following html in auto-emails and the thankyou page.

    Is it possible to easily show this inside the form itself? When I do it, the field values don’tshow up.

    <table class="tablePtsThx">
      <tr>
        <td><strong><!--Subclass-->Visa Subclass Chosen: </strong><%fieldname74_value%></td>
      </tr>
      <tr>
        <td><strong><!--Age-->Your Age Bracket: </strong>'+fieldname75_value+'</td>
      </tr>
      <tr>
        <td><strong><!--English-->Nominated English Proficiency: </strong><%fieldname76_value%></td>
      </tr>
      <tr>
        <td><strong><!--Higher Education-->Higher Education Level: </strong><%fieldname87_value%></td>
      </tr>
      <tr>
        <td><strong><!--Regional Australia Study-->Regional Australian Study: </strong><%fieldname88_value%></td>
      </tr>
      <tr>
        <td><strong><!--Masters Education-->Masters Education: </strong><%fieldname89_value%></td>
      </tr>
      <tr>
        <td><strong><!--Professional Year-->Professional Year: </strong><%fieldname90_value%></td>
      </tr>
      <tr>
        <td><strong><!--Highest Qualification-->Your Highest Qualification: </strong><%fieldname91_value%></td>
      </tr>
      <tr>
        <td><strong><!--Overseas Work-->Overseas Work Experience: </strong><%fieldname78_value%></td>
      </tr>
      <tr>
        <td><strong><!--Australian Work/-->Australian Work Experience: </strong><%fieldname79_value%></td>
      </tr>
      <tr>
        <td><strong><!--Partner Skills-->Partner Skills: </strong><%fieldname80_value%></td>
      </tr>
      <tr>
        <td><strong><!--Desig. Lang.-->Recognised Interpreter: </strong><%fieldname81_value%></td>
      </tr>
    </table>

    css:

    .tablePtsThx {
      border-collapse: collapse;
      width: 100%;
    
    }
    .tablePtsThx th, .tablePtsThx td {
      padding: 8px;
      text-align: left;
      border-bottom: 1px solid #ddd;
    }
    .tablePtsThx tr:hover {
      background-color:#f5f5f5;
    }

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @scarecrowb1

    The use of fields as tags: <%fieldname#%> is only possible in the thank you pages and notification emails, but not in the forms. If you want to display a summary, with the same structure you are referring, the alternative would be generate it with an auxiliary calculated field, and display the result into a “HTML Content” field:

    1. Insert a “HTML Content” field in the form with a div tags as its content, where display the summary:

    
    <div class="result-here"></div>
    

    2. Now, insert a calculated field, as a hidden field (there is a checkbox in its settings for hiding the field from the public form), with the following equation:

    
    (function () {
    	var result = '<table>' +
    		'<tr><td><strong><!--English-->Nominated English Proficiency: </strong>' + fieldname76|r + '</td></tr>' +
    		'<tr><td><strong><!--Higher Education-->Higher Education Level: </strong>' + fieldname87|r + '</td></tr>' +
    		'<tr><td><strong><!--Regional Australia Study-->Regional Australian Study: </strong>' + fieldname88|r + '</td></tr>' +
    		'<tr><td><strong><!--Masters Education-->Masters Education: </strong>' + fieldname89|r + '</td></tr>' +
    		'<tr><td><strong><!--Professional Year-->Professional Year: </strong>' + fieldname90|r + '</td></tr>' +
    		'<tr><td><strong><!--Highest Qualification-->Your Highest Qualification: </strong>' + fieldname91|r + '</td></tr>' +
    		'<tr><td><strong><!--Overseas Work-->Overseas Work Experience: </strong>' + fieldname78|r + '</td></tr>' +
    		'<tr><td><strong><!--Australian Work/-->Australian Work Experience: </strong>' + fieldname79|r + '</td></tr>' +
    		'<tr><td><strong><!--Partner Skills-->Partner Skills: </strong>' + fieldname80|r + '</td></tr>' +
    		'<tr><td><strong><!--Desig. Lang.-->Recognised Interpreter: </strong>' + fieldname81|r + '</td></tr>' +
    		'</table>';
    	jQuery('.result-here').html(result);
    	return result;
    })()
    

    Best regards.

    Thread Starter Sarge_Hosting_77

    (@scarecrowb1)

    Thankyou! Fantastic response!

    How can I get the field Choice text value and not the value:
    I have a radio button (and select boxes) with values 1 and 0 and text that say ‘yes’ and ‘no’
    I want to use the text not the numbers
    is there something like: fieldname1_choicetext ?

    Plugin Author codepeople

    (@codepeople)

    Hello @ron22

    In this case you will need some additional code as part of the equation,

    For example, assuming your current equation is:

    fieldname1

    Edit, it as follows:

    
    (function(){
    var temp = fieldname1;
    return jQuery('[name*="'+getField(1).name+'"]:checked').attr('vt');
    })()
    

    Note, I’ve defined the variable: temp=fieldname1; as part of the equation. This variable is not used by the equation, but it is the way to say the plugin the equation should be evaluated every time the fieldname1 varies its value.

    Second, I’m using the getField operation to access the object that represents the field, whose parameter is the number part in the field name.

    Best regards.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fancy Summary Field’ is closed to new replies.