example ui page

uipage.xml

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
	<g:evaluate var="jvar_models" object="true">
		var gr = new GlideRecord("cmdb_hardware_product_model");
		gr.addEncodedQuery("cmdb_model_category=b9eb7414c3031000b959fd251eba8fe5"); // category is ipphone
		gr.query();
		gr;
	</g:evaluate>
	<j:while test="${jvar_models.next()}">
		<j:if test="${jvar_models.getValue('description')!=''}">
			<div id="model_${jvar_models.getUniqueValue()}" class="panel panel-default" style="display:none;">
				<div class="panel-heading">
					<h3 class="panel-title">${jvar_models.getValue('display_name');}</h3>
				</div>
			  <div class="panel-body">
				<g:no_escape>${jvar_models.getValue('description')}</g:no_escape>
			  </div>
			</div>
			
		</j:if>
		<j:if test="${jvar_models.getValue('description')==''}">
			<div id="model_${jvar_models.getUniqueValue()}" class="panel panel-default" style="display:none;">
				<div class="panel-heading">
					<h3 class="panel-title">${jvar_models.getValue('display_name');}</h3>
				</div>
			  <div class="panel-body">
				No description available.
			  </div>
			</div>
		</j:if>
	</j:while>
</j:jelly>