andreiikustov

1. Tell me what and where to add? I will be glad)))
2. Sorry, the question about the page with the list of posts. That on it under the name of posts their average rating would be displayed
3. Insert Top 10 ranking. shortcode [yasr_overall_rating] – and what shortcode is for everyone?

Good afternoon, you did not answer. In the mobile version of the table has the form that interests me. It is possible to write code to change the existing one), which is how it should be at all screen resolutions?

Bad(( You say that I need to abandon your plug-in in favor of the accordion? Or is it possible to link them? I did not strike out 3 columns in the accordion plugins.

Yes, https://uytnyi-dom.com/stroitelstvo-chastnyh-domov… First line general and see all time. other line see if click first line

Thank you. but everything works also at <% INFO if_not_empty%>, since the whole table is passed through a hidden block and the adjustment in the letter does not affect it

Thank you very much.

many thanks. Everything worked out. I have a form with 40 points to fill. the letter indicates everything, even those that the client does not fill. How to specify one condition for all – send, if it is completed?

ok. but in mail i see html code table.
in “HTML Content” field i have code:
<table class=”expTable” >
<tr>
<th colspan=”2″>Dates Months/Year</th>
<th>Vessel Name/Flag</th>
<th>Year of built</th>
<th>Company Name/Crewing Agency</th>
<th>Vessel Type/DWT</th>
<th>Engine/HP</th>
<th>Rank</th>
<th>Reason of Discharge</th>
</tr>
</thead>
<tbody>
<tr>
<td>From</td>
<td ><center><input type=”text” class=”form-control” name=”TFDate1″></td>
<td><center><input type=”text” class=”form-control” name=”TFVessel1″></td>
<td rowspan=”2″><center><input type=”text” class=”form-control” name=”TFBuilt1″></td>
<td><center><input type=”text” class=”form-control” name=”TFCompany1″></td>
<td><center><input type=”text” class=”form-control” name=”TFType1″></td>
<td><center><input type=”text” class=”form-control” name=”TFEngine1″></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFRank1″></textarea></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFReason1″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><center><input type=”text” class=”form-control” name=”TTDate1″></td>
<td><center><input type=”text” class=”form-control” name=”TTVessel1″></td>
<td><center><input type=”text” class=”form-control” name=”TTCompany1″></td>
<td><center><input type=”text” class=”form-control” name=”TTType1″></td>
<td><center><input type=”text” class=”form-control” name=”TTEngine1″></td>
</tr>
<tr>
<td>From</td>
<td><center><input type=”text” class=”form-control” name=”TFDate2″></td>
<td><center><input type=”text” class=”form-control” name=”TFVessel2″></td>
<td rowspan=”2″><center><input type=”text” class=”form-control” name=”TFBuilt2″></td>
<td><center><input type=”text” class=”form-control” name=”TFCompany2″></td>
<td><center><input type=”text” class=”form-control” name=”TFType2″></td>
<td><center><input type=”text” class=”form-control” name=”TFEngine2″></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFRank2″></textarea></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFReason2″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><center><input type=”text” class=”form-control” name=”TTDate2″></td>
<td><center><input type=”text” class=”form-control” name=”TTVessel2″></td>
<td><center><input type=”text” class=”form-control” name=”TTCompany2″></td>
<td><center><input type=”text” class=”form-control” name=”TTType2″></td>
<td><center><input type=”text” class=”form-control” name=”TTEngine2″></td>
</tr>
<tr>
<td>From</td>
<td><center><input type=”text” class=”form-control” name=”TFDate3″></td>
<td><center><input type=”text” class=”form-control” name=”TFVessel3″></td>
<td rowspan=”2″><center><input type=”text” class=”form-control” name=”TFBuilt3″></td>
<td><center><input type=”text” class=”form-control” name=”TFCompany3″></td>
<td><center><input type=”text” class=”form-control” name=”TFType3″></td>
<td><center><input type=”text” class=”form-control” name=”TFEngine3″></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFRank3″></textarea></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFReason3″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><center><input type=”text” class=”form-control” name=”TTDate3″></td>
<td><center><input type=”text” class=”form-control” name=”TTVessel3″></td>
<td><center><input type=”text” class=”form-control” name=”TTCompany3″></td>
<td><center><input type=”text” class=”form-control” name=”TTType3″></td>
<td><center><input type=”text” class=”form-control” name=”TTEngine3″></td>
</tr>
<tr>
<td>From</td>
<td><center><input type=”text” class=”form-control” name=”TFDate4″></td>
<td><center><input type=”text” class=”form-control” name=”TFVessel4″></td>
<td rowspan=”2″><center><input type=”text” class=”form-control” name=”TFBuilt4″></td>
<td><center><input type=”text” class=”form-control” name=”TFCompany4″></td>
<td><center><input type=”text” class=”form-control” name=”TFType4″></td>
<td><center><input type=”text” class=”form-control” name=”TFEngine4″></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFRank4″></textarea></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFReason4″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><center><input type=”text” class=”form-control” name=”TTDate4″></td>
<td><center><input type=”text” class=”form-control” name=”TTVessel4″></td>
<td><center><input type=”text” class=”form-control” name=”TTCompany4″></td>
<td><center><input type=”text” class=”form-control” name=”TTType4″></td>
<td><center><input type=”text” class=”form-control” name=”TTEngine4″></td>
</tr>
<tr>
<td>From</td>
<td><center><input type=”text” class=”form-control” name=”TFDate5″></td>
<td><center><input type=”text” class=”form-control” name=”TFVessel5″></td>
<td rowspan=”2″><center><input type=”text” class=”form-control” name=”TFBuilt5″></td>
<td><center><input type=”text” class=”form-control” name=”TFCompany5″></td>
<td><center><input type=”text” class=”form-control” name=”TFType5″></td>
<td><center><input type=”text” class=”form-control” name=”TFEngine5″></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFRank5″></textarea></td>
<td rowspan=”2″><center><textarea rows=”3″ class=”form-control” name=”TFReason5″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><center><input type=”text” class=”form-control” name=”TTDate5″></td>
<td><center><input type=”text” class=”form-control” name=”TTVessel5″></td>
<td><center><input type=”text” class=”form-control” name=”TTCompany5″></td>
<td><center><input type=”text” class=”form-control” name=”TTType5″></td>
<td><center><input type=”text” class=”form-control” name=”TTEngine5″></td>
</tr>
<script>
jQuery(document).on(‘change’, ‘.expTable input,.expTable textarea’, function(){
var str = ”;
var $ = jQuery;
str+='<table class=”expTable” border>’;
str+='<thead>’;
str+='<tr>’;
str+='<th colspan=”2″>Dates Months/Year</th>’;
str+='<th>Vessel Name/Flag</th>’;
str+='<th>Year of built</th>’;
str+='<th>Company Name/Crewing Agency</th>’;
str+='<th>Vessel Type/DWT</th>’;
str+='<th>Engine/HP</th>’;
str+='<th>Rank</th>’;
str+='<th>Reason of Discharge</th>’;
str+='</tr>’;
str+='</thead>’;
str+='<tbody>’;
str+='<tr>’;
str+='<td>From</td>’;
str+='<td>’+$(‘[name=”TFDate1″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFVessel1″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFBuilt1″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFCompany1″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFType1″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFEngine1″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFRank1″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFReason1″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>To</td>’;
str+='<td>’+$(‘[name=”TTDate1″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTVessel1″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTCompany1″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTType1″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTEngine1″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>From</td>’;
str+='<td>’+$(‘[name=”TFDate2″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFVessel2″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFBuilt2″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFCompany2″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFType2″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFEngine2″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFRank2″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFReason2″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>To</td>’;
str+='<td>’+$(‘[name=”TTDate2″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTVessel2″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTCompany2″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTType2″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTEngine2″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>From</td>’;
str+='<td>’+$(‘[name=”TFDate3″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFVessel3″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFBuilt3″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFCompany3″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFType3″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFEngine3″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFRank3″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFReason3″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>To</td>’;
str+='<td>’+$(‘[name=”TTDate3″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTVessel3″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTCompany3″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTType3″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTEngine3″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>From</td>’;
str+='<td>’+$(‘[name=”TFDate4″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFVessel4″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFBuilt4″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFCompany4″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFType4″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFEngine4″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFRank4″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFReason4″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>To</td>’;
str+='<td>’+$(‘[name=”TTDate4″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTVessel4″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTCompany4″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTType4″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTEngine4″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>From</td>’;
str+='<td>’+$(‘[name=”TFDate5″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFVessel5″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFBuilt5″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFCompany5″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFType5″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TFEngine5″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFRank5″]’).val()+'</td>’;
str+='<td rowspan=”2″>’+$(‘[name=”TFReason5″]’).val()+'</td>’;
str+='</tr>’;
str+='<tr>’;
str+='<td>To</td>’;
str+='<td>’+$(‘[name=”TTDate5″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTVessel5″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTCompany5″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTType5″]’).val()+'</td>’;
str+='<td>’+$(‘[name=”TTEngine5″]’).val()+'</td>’;
str+='</tr>’;
str+='</tbody>’;
str+='</table>’;
$(‘[id*=”fieldname60_”]’).val(str);
});
</script>

and Css Layout Keywords for “HTML Content” expTable, because in “Customize Form Design” for me need #fbuilder .expTable input{width:75% !important;
}

Where is my mistake ?? thank you in advance

i have Professional. How in it to write ??

all good, but how to send the whole table with data and empty fields in a letter????

created a table with such a code:

<table class=”table table-bordered expTable” border>
<thead>
<tr>
<th colspan=”2″>Dates Months/Year</th>
<th>Vessel Name/Flag</th>
<th>Year of built</th>
<th>Company Name/Crewing Agency</th>
<th>Vessel Type/DWT</th>
<th>Engine/HP</th>
<th>Rank</th>
<th>Reason of Discharge</th>
</tr>
</thead>
<tbody>
<tr>
<td>From</td>
<td><input type=”text” class=”form-control” name=”TFDate1″></td>
<td><input type=”text” class=”form-control” name=”TFVessel1″></td>
<td rowspan=”2″><input type=”text” class=”form-control” name=”TFBuilt1″></td>
<td><input type=”text” class=”form-control” name=”TFCompany1″></td>
<td><input type=”text” class=”form-control” name=”TFType1″></td>
<td><input type=”text” class=”form-control” name=”TFEngine1″></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFRank1″></textarea></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFReason1″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><input type=”text” class=”form-control” name=”TTDate1″></td>
<td><input type=”text” class=”form-control” name=”TTVessel1″></td>
<td><input type=”text” class=”form-control” name=”TTCompany1″></td>
<td><input type=”text” class=”form-control” name=”TTType1″></td>
<td><input type=”text” class=”form-control” name=”TTEngine1″></td>
</tr>
<tr>
<td>From</td>
<td><input type=”text” class=”form-control” name=”TFDate2″></td>
<td><input type=”text” class=”form-control” name=”TFVessel2″></td>
<td rowspan=”2″><input type=”text” class=”form-control” name=”TFBuilt2″></td>
<td><input type=”text” class=”form-control” name=”TFCompany2″></td>
<td><input type=”text” class=”form-control” name=”TFType2″></td>
<td><input type=”text” class=”form-control” name=”TFEngine2″></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFRank2″></textarea></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFReason2″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><input type=”text” class=”form-control” name=”TTDate2″></td>
<td><input type=”text” class=”form-control” name=”TTVessel2″></td>
<td><input type=”text” class=”form-control” name=”TTCompany2″></td>
<td><input type=”text” class=”form-control” name=”TTType2″></td>
<td><input type=”text” class=”form-control” name=”TTEngine2″></td>
</tr>
<tr>
<td>From</td>
<td><input type=”text” class=”form-control” name=”TFDate3″></td>
<td><input type=”text” class=”form-control” name=”TFVessel3″></td>
<td rowspan=”2″><input type=”text” class=”form-control” name=”TFBuilt3″></td>
<td><input type=”text” class=”form-control” name=”TFCompany3″></td>
<td><input type=”text” class=”form-control” name=”TFType3″></td>
<td><input type=”text” class=”form-control” name=”TFEngine3″></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFRank3″></textarea></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFReason3″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><input type=”text” class=”form-control” name=”TTDate3″></td>
<td><input type=”text” class=”form-control” name=”TTVessel3″></td>
<td><input type=”text” class=”form-control” name=”TTCompany3″></td>
<td><input type=”text” class=”form-control” name=”TTType3″></td>
<td><input type=”text” class=”form-control” name=”TTEngine3″></td>
</tr>
<tr>
<td>From</td>
<td><input type=”text” class=”form-control” name=”TFDate4″></td>
<td><input type=”text” class=”form-control” name=”TFVessel4″></td>
<td rowspan=”2″><input type=”text” class=”form-control” name=”TFBuilt4″></td>
<td><input type=”text” class=”form-control” name=”TFCompany4″></td>
<td><input type=”text” class=”form-control” name=”TFType4″></td>
<td><input type=”text” class=”form-control” name=”TFEngine4″></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFRank4″></textarea></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFReason4″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><input type=”text” class=”form-control” name=”TTDate4″></td>
<td><input type=”text” class=”form-control” name=”TTVessel4″></td>
<td><input type=”text” class=”form-control” name=”TTCompany4″></td>
<td><input type=”text” class=”form-control” name=”TTType4″></td>
<td><input type=”text” class=”form-control” name=”TTEngine4″></td>
</tr>
<tr>
<td>From</td>
<td><input type=”text” class=”form-control” name=”TFDate5″></td>
<td><input type=”text” class=”form-control” name=”TFVessel5″></td>
<td rowspan=”2″><input type=”text” class=”form-control” name=”TFBuilt5″></td>
<td><input type=”text” class=”form-control” name=”TFCompany5″></td>
<td><input type=”text” class=”form-control” name=”TFType5″></td>
<td><input type=”text” class=”form-control” name=”TFEngine5″></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFRank5″></textarea></td>
<td rowspan=”2″><textarea rows=”3″ class=”form-control” name=”TFReason5″></textarea></td>
</tr>
<tr>
<td>To</td>
<td><input type=”text” class=”form-control” name=”TTDate5″></td>
<td><input type=”text” class=”form-control” name=”TTVessel5″></td>
<td><input type=”text” class=”form-control” name=”TTCompany5″></td>
<td><input type=”text” class=”form-control” name=”TTType5″></td>
<td><input type=”text” class=”form-control” name=”TTEngine5″></td>
</tr>
</tbody>
</table>

inserted in the Field Type: HTML content. Cells are active, but size “small” – how to make even less? (the table does not fit on the screen).

How to prescribe that the entire table be sent in a letter with the data entered?

Thank you in advance. The answer with the use of the container did not help – it is not possible to make such a view of the table

Thank you

And if I need an indent between the fields <% fieldnameX%> and <% fieldnameY%>? And only between them.

how to insert empty lines between fields, what would stretch the form in height?

Everything works, thank you very much