diff --git a/nodel-webui-js/src/index.xml b/nodel-webui-js/src/index.xml
index da572ed1..46f14ff2 100644
--- a/nodel-webui-js/src/index.xml
+++ b/nodel-webui-js/src/index.xml
@@ -59,6 +59,7 @@
         <row>
           <column sm="12">
             <title showevent="Show" showvalue="On">Testing button groups</title>
+            <subtitle showevent="Show" showvalue="On">Subtitle</subtitle>
             <buttongroup showevent="Show" showvalue="On">
               <button action='PresetChromecast' class='btn-default'>Chromecast</button>
               <button action='PresetTV' class='btn-default'>TV</button>
diff --git a/nodel-webui-js/src/templates.xsl b/nodel-webui-js/src/templates.xsl
index 61bf903b..8c6f2944 100644
--- a/nodel-webui-js/src/templates.xsl
+++ b/nodel-webui-js/src/templates.xsl
@@ -154,7 +154,7 @@
     </div>
   </xsl:template>
   <!-- column -->
-  <!-- title -->
+  <!-- title / subtitle -->
   <xsl:template name="title_body">
     <xsl:if test="@showevent">
       <xsl:attribute name="class">
@@ -190,7 +190,21 @@
       </xsl:otherwise>
     </xsl:choose>
   </xsl:template>
-  <!-- title -->
+  <xsl:template match="subtitle">
+    <xsl:choose>
+      <xsl:when test="@size">
+        <xsl:element name="h{@size}">
+          <xsl:call-template name="title_body"/>
+        </xsl:element>
+      </xsl:when>
+      <xsl:otherwise>
+        <h5>
+          <xsl:call-template name="title_body"/>
+        </h5>
+      </xsl:otherwise>
+    </xsl:choose>
+  </xsl:template>
+  <!-- title / subtitle -->
   <!-- text -->
   <xsl:template match="text">
     <p>