widget-tutorial/widget-exercises/be80fb2e-4726-4109-9725-c3c00ead636d.html

A comprehensive tutorial + recipes to get started with widgets in Qlik Sense.

<style>.widget-properties {

  padding: 10px 10px 10px 10px;

  h2 {
	font-size:18px;
	color: #999;
	margin-bottom:20px;
  }

  .row {
	border-bottom: 1px solid #ccc;
	padding-top:2px;
	padding-bottom:2px;
  }

  .row:after {
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
  }

  .row .label {
	 font-weight: bold;
	 min-width: 100px;
	 display:inline-block;
	 padding-right:20px;
  }

  .row .val {
	 display:inline-block;
  }

  .row:nth-child(2n) {
	  background-color:#F7F7F9;
  }
}</style>
<div><div class="widget-properties">

	<!-- Copy from here ...-->
	<div class="row">
		<div class="label">
			My Custom Property
		</div>
		<div class="val">
			{{settings.customProperty}}
		</div>
	</div>
	<!-- ... to here -->
	
</div></div>