Custom form displayed strangely

Hi,

I am building a DHIS 2 custom form from copying a table created in an excel file, but it is displaying strangely, ,i.e, not the wayI want. Below is the table in excel
ecustom form format.xlsx (10.7 KB)

Image in sierra Leone Demo, Apart from the strange display, I see no cells to assign data elements

Please help

Thanks

Hi @dmbantu,
How did you copy past the table from the excel sheet? You’d probably need to download it as HTML and then paste the HTML of the columns and rows of that table from the HTML code into the source. For example, I used the file you attached and got this:

Here’s the code, I pasted - feel free to change the HTML/style:

<table cellpadding="0" cellspacing="0">
	<thead>
	</thead>
	<tbody>
		<tr style="height: 19px">
			<td class="s2" colspan="3">Indicadores</td>
			<td class="s3 softmerge">
			<div class="softmerge-inner" style="width:76px;left:-1px">10 a 14 anos</div>
			</td>
			<td class="s3 softmerge">
			<div class="softmerge-inner" style="width:76px;left:-1px">15 a 19 anos</div>
			</td>
			<td class="s3 softmerge">
			<div class="softmerge-inner" style="width:76px;left:-1px">20 a 24 anos</div>
			</td>
			<td class="s4" style="width:76px;text-align:center">Total</td>
		</tr>
		<tr style="height: 19px">
			<td class="s5" rowspan="4">RASTREIO DE VIOLENCIA</td>
			<td class="s2" colspan="2">Fisica</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s4">&nbsp;</td>
		</tr>
		<tr style="height: 19px">
			<td class="s2" colspan="2">Sexual</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s4">&nbsp;</td>
		</tr>
		<tr style="height: 19px">
			<td class="s2" colspan="2" style="width:79px">Psicologica</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s4">&nbsp;</td>
		</tr>
		<tr style="height: 19px">
			<td class="s2" colspan="2">Outras</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s4">&nbsp;</td>
		</tr>
		<tr style="height: 19px">
			<td class="s2" colspan="3">Est&aacute; gr&aacute;vida</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s4">&nbsp;</td>
		</tr>
		<tr style="height: 19px">
			<td class="s2" colspan="3">Tem pelo menos 1 filho(a)</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s4">&nbsp;</td>
		</tr>
		<tr style="height: 19px">
			<td class="s2" colspan="3">Referida para US</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s4">&nbsp;</td>
		</tr>
		<tr style="height: 19px">
			<td class="s2" colspan="3">Foi a US</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s3">&nbsp;</td>
			<td class="s4">&nbsp;</td>
		</tr>
		<tr style="height: 19px">
			<td class="s6" colspan="3">Est&aacute; em uni&atilde;o prematura</td>
			<td class="s7">&nbsp;</td>
			<td class="s7">&nbsp;</td>
			<td class="s7">&nbsp;</td>
			<td class="s8">&nbsp;</td>
		</tr>
	</tbody>
</table>