## Prompt Suggestion Item Template

The [PromptSuggestionItemTemplate](https://docs.telerik.com/kendo-ui/api/javascript/ui/aiprompt/configuration/promptsuggestionitemtemplate) allows you to customize the appearance of the prompt suggestion items in the prompt view.

```ASP.NET
<telerik:RadAIPrompt runat="server" ID="AIPrompt1" Width="350px">
    <PromptSuggestionItemTemplate>
        <span role="listitem" class="k-prompt-suggestion prompt-suggestion-item">#: suggestion #</span>
    </PromptSuggestionItemTemplate>
</telerik:RadAIPrompt>
```

```CSS
.prompt-suggestion-item {
    cursor: pointer;
    border: 1px solid #eaeaea;
    border-radius: 24px;
    margin: 3px;
    padding: 0.5rem;
    transition: transform 0.2s;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.prompt-suggestion-item:hover {
    transform: scale(1.05)
}
```

```C#
protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // Supply the suggestions rendered by the custom item template.
        List<string> promptSuggestions = new List<string>
        {
            "Write an out of office message",
            "Write a short LinkedIn post for work/life balance.",
            "Write a short email to a colleague about a project",
        };

        string[] sentencesArray = promptSuggestions.ToArray();
        AIPrompt1.PromptSuggestions = sentencesArray;
    }
}
```

```VB
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
    If Not IsPostBack Then
        ' Supply the suggestions rendered by the custom item template.
        Dim promptSuggestions As List(Of String) = New List(Of String) From {
            "Write an out of office message",
            "Write a short LinkedIn post for work/life balance.",
            "Write a short email to a colleague about a project"
        }

        Dim sentencesArray As String() = promptSuggestions.ToArray()
        AIPrompt1.PromptSuggestions = sentencesArray
    End If
End Sub
```

> caption Figure 1: AIPrompt prompt suggestions rendered with a custom template

![AIPrompt prompt suggestions rendered with a custom template](https://www.telerik.com/products/aspnet-ajax/documentation/assets/74cf69a785ac09ad6b5ca922dc85d24a/prompt-suggestions-template.gif "Prompt Suggestion Template")

## Next Steps

* [ViewTemplate](https://www.telerik.com/products/aspnet-ajax/documentation/controls/aiprompt/templates/viewtemplate)
* [FooterTemplate](https://www.telerik.com/products/aspnet-ajax/documentation/controls/aiprompt/templates/footertemplate)