# Template widget - tutorial & examples - make your own widget!

**URL:** <https://community.openhab.org/t/template-widget-tutorial-examples-make-your-own-widget/14211>\
**Category:** HABPanel\
**Tags:** habpanel, template, widget\
**Created:** [September 17, 2016, 8:02pm UTC](https://community.openhab.org/t/template-widget-tutorial-examples-make-your-own-widget/14211 "2016-09-17T20:02:21Z")\
**Posts on this page:** 1\
**Showing post:** 229

<div class="post-metadata">

**Author:** ![ysc](https://community.openhab.org/letter_avatar_proxy/v4/letter/y/e480ec/32.png) [@ysc](https://community.openhab.org/u/ysc)\
**Post date:** [January 7, 2018, 3:29pm UTC](https://community.openhab.org/t/template-widget-tutorial-examples-make-your-own-widget/14211/229 "2018-01-07T15:29:20Z")

</div>

@Patrick_Beauchamp check out the “Dropdown of radio stations” example here, it’s similar:

> [@HABPanel Development & Advanced Features: Start Here!](https://community.openhab.org/t/habpanel-development-advanced-features-start-here/30755):
>
> This Wiki post aims to be a centralized resource to help new users (and experienced users alike!) with the advanced features in HABPanel. It will contain relevant examples and links to help you with common issues and getting the most out of these features! Users with the “Member” badge (and levels above) can edit this post, don’t hesitate to do so if you deem it appropriate thumbsupTemplates & Custom Widgets What are templates? If the standard widgets don’t fit your needs or your taste, HAB…

There’s a trick to display a divider after the first item, you can use it or not (simply remove the first `<li>` and the `ng-style` in the second).

---

_[View the full topic](https://community.openhab.org/t/template-widget-tutorial-examples-make-your-own-widget/14211)._
