<commit_before>---
title: Templates
page_title: Templates | RadMultiColumnComboBox for ASP.NET AJAX Documentation
description: Templates
slug: multicolumncombobox/functionality/templates
tags: template,client
published: True
position: 1
---

# Templates

**RadMultiColumnComboBox** uses [Kendo UI Templates](https://docs.telerik.com/kendo-ui/framework/templates/overview) to provide full control over the way pop-up items are rendered in the dropdown:

* [Column Template](#column-template)
* [Column Header Template](#column-header-template)
* [Header Template](#header-template)
* [Footer Template](#footer-template)
* [No Data Template](#no-data-template)
* [Group Template](#group-template)
* [Fixed Group Template](#fixed-group-template)

>Figure 1: Structure of the dropdown and where you can use templates. Produced by the code in Example 1 below.

![multicolumncombobox template example](images/multicolumncombobox-template-example.png)


>Example 1: Sample use of templates in RadMultiColumnComboBox. The result is shown in Figure 1 above.
    
````ASP.NET
<telerik:RadMultiColumnComboBox runat="server" ID="RadMultiColumnComboBox1" Skin="Default"
	DataTextField="name" DataValueField="id" FilterFields="id,name,fruitType" Filter="contains"
	GroupByField="fruitType" Width="400px" Height="400px">
	<ColumnsCollection>
		<telerik:MultiColumnComboBoxColumn Field="id">
			<HeaderTemplate>
				<strong class="red">the ID</strong>
			</HeaderTemplate>
			<Template><strong>#:data.id#</strong></Template>
		</telerik:MultiColumnComboBoxColumn>
		<telerik:MultiColumnComboBoxColumn Field="name">
			<Template>
				<h6>#:data.name#</h6>
				<p>
					#if(!data.isAvailable) { #
					<span class="outOfStock">Out of stock</span> 
					# } else { #
					available
					# }#
				</p>
			</Template>
		</telerik:MultiColumnComboBoxColumn>
	</ColumnsCollection>
	<HeaderTemplate>
		<div><h2>Fruits</h2></div><commit_msg>chore(mccb): fix captions in templates article<commit_after>---
title: Templates
page_title: Templates | RadMultiColumnComboBox for ASP.NET AJAX Documentation
description: Templates
slug: multicolumncombobox/functionality/templates
tags: template,client
published: True
position: 1
---

# Templates

**RadMultiColumnComboBox** uses [Kendo UI Templates](https://docs.telerik.com/kendo-ui/framework/templates/overview) to provide full control over the way pop-up items are rendered in the dropdown:

* [Column Template](#column-template)
* [Column Header Template](#column-header-template)
* [Header Template](#header-template)
* [Footer Template](#footer-template)
* [No Data Template](#no-data-template)
* [Group Template](#group-template)
* [Fixed Group Template](#fixed-group-template)

>caption Figure 1: Structure of the dropdown and where you can use templates. Produced by the code in Example 1 below.

![multicolumncombobox template example](images/multicolumncombobox-template-example.png)


>caption Example 1: Sample use of templates in RadMultiColumnComboBox. The result is shown in Figure 1 above.
    
````ASP.NET
<telerik:RadMultiColumnComboBox runat="server" ID="RadMultiColumnComboBox1" Skin="Default"
	DataTextField="name" DataValueField="id" FilterFields="id,name,fruitType" Filter="contains"
	GroupByField="fruitType" Width="400px" Height="400px">
	<ColumnsCollection>
		<telerik:MultiColumnComboBoxColumn Field="id">
			<HeaderTemplate>
				<strong class="red">the ID</strong>
			</HeaderTemplate>
			<Template><strong>#:data.id#</strong></Template>
		</telerik:MultiColumnComboBoxColumn>
		<telerik:MultiColumnComboBoxColumn Field="name">
			<Template>
				<h6>#:data.name#</h6>
				<p>
					#if(!data.isAvailable) { #
					<span class="outOfStock">Out of stock</span> 
					# } else { #
					available
					# }#
				</p>
			</Template>
		</telerik:MultiColumnComboBoxColumn>
	</ColumnsCollection>
	<HeaderTemplate>
		<div><h2>Fruits</h2></div>
{'fraction_non_alphanumeric': 0.132697758309714, 'fraction_numerical': 0.008245297603710384, 'mean_word_length': 5.579661016949153, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 63, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7483616', 'n_tokens_mistral': 1340, 'n_tokens_neox': 1183, 'n_words': 278}