Creating an Observation layout for comments and deficiencies is easy. See some user examples below with code!
Paste code into layout:
<style type="text/css">.img_01 img{
max-width:275px;
height:auto;
border:1px solid #021a40;
border-radius: 5px;
padding: 5px;
margin: 5px;
</style>
<table border="2" bordercolor="#B5B5B5" cellpadding="5" cellspacing="1" style="border-collapse:collapse;width:100%;">
<tbody>
<tr>
<td style="width: 1%; background-color: #B5B5B5;"> </td>
<td style="width: 99%; background-color: #F9F9F9;">
<div><strong><em><span style="color:#B5B5B5;"><span style="font-size:14px;"><img alt="" src="https://s3.amazonaws.com/ispecx-production/pnwig/ckeditor_assets/pictures/186/content_comment.png" style="width: 45px; height: 45px;" />{{ section_index }}.{{ sub_section_index }}.</span></span><span style="font-size:14px;"><span style="color:#B5B5B5;">{{ deficiency_index }} </span></span><span style="color:#B5B5B5;"><span style="font-size:14px;">{{ sub_section_name }} </span></span></em></strong></div>
<div><span style="font-size:18pt;"><strong><span style="color:#8e44ad;">{{ system }} <em>• {{ action }} • {{ url }}</em></span></strong></span></div>
<div>
<hr /><strong><span style="font-size:14pt;"><span style="color:#000000;">{{ condition }}</span></span></strong></div>
<div><span style="font-size:14pt;"><span style="color:#e67e22;">Location -<span style="color:#000000;"> </span>{{ location }}</span></span></div>
<div class="img_01">{{ graphic_images }}</div>
<div class="img_01">{{ video_files }} {{ audio_files }}</div>
<div><span style="font-size:14pt;"><span style="color:#000000;">{{ explanation }}</span></span></div>
<div>
<hr /><span style="color:#2980b9;"><span style="font-size:14pt;">Consequence - </span> {{ consequence }} </span></div>
</td>
</tr>
</tbody>
</table>
---- Code End ----
Change the color, add icons, rearrange the layouts. Made it a shade of Red for safety issues, Blue for Monitor, Yellow for Comments...The Choice is yours!
