Telerik Web Forms AIPrompt Toolbar Items - Telerik UI for ASP.NET AJAX

New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

The AIPrompt gives the user the option to add Toolbar Items that display in the header Toolbar. They will be rendered after the items generated from the configurations of the views.

Toolbar Item

Type

Set the Type of the Toolbar Item. Available options are Spacer and Button.

Icon

Sets the icon of the Toolbar Item. For a full list of icons, please check the Progress Design System Kit

Click

Set a function to the Toolbar Item.

In the Markup

ASP.NET

<telerik:RadAIPrompt runat="server" ID="RadAIPrompt1" Width="400px">
    <ToolbarItems>
        <telerik:AIPromptToolbarItem Type="Spacer" />
        <telerik:AIPromptToolbarItem Type="Button" Icon="x" Click="onClick" />
    </ToolbarItems>
</telerik:RadAIPrompt>

In the CodeBehind

C#
protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        AIPromptToolbarItem toolbarItem = new AIPromptToolbarItem()
        {
            Type = AIPromptToolbarItemType.Spacer
        };

        RadAIPrompt1.ToolbarItems.Add(toolbarItem);

        toolbarItem = new AIPromptToolbarItem()
        {
            Type = AIPromptToolbarItemType.Button,
            Icon = "x",
            Click = "onClick"
        };

        RadAIPrompt1.ToolbarItems.Add(toolbarItem);
    }
}
VB
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
    If Not IsPostBack Then
        Dim toolbarItem As AIPromptToolbarItem = New AIPromptToolbarItem() With {
            .Type = AIPromptToolbarItemType.Spacer
        }

        RadAIPrompt1.ToolbarItems.Add(toolbarItem)

        toolbarItem = New AIPromptToolbarItem() With {
            .Type = AIPromptToolbarItemType.Button,
            .Icon = "x",
            .Click = "onClick"
        }

        RadAIPrompt1.ToolbarItems.Add(toolbarItem)
    End If
End Sub

JavaScript

function onClick() {
    console.log("Click");
}