change header icon

Hello,

How to change this Icon and text?

Image_6686_1746226745095

Regards,

Dimitar


2 Replies

VG Vigneshwaran Govindharajan Syncfusion Team May 5, 2025 05:59 AM UTC

Hi Dimitar,


Greetings from Syncfusion support.


You can change the icon and text of the header in the Blazor AI AssistView by using the Header and IconCss properties by using the AssistView tag directive. These properties allow you to set a custom title and apply a custom icon to the header.


Sample - link


Documentation - Link


<div class="aiassist-container" style="height: 350px; width: 650px;">

    <SfAIAssistView PromptRequested="@PromptRequest">

        <AssistViews>

            <AssistView Header="Custom Assist" IconCss="e-comment-show"></AssistView>

        </AssistViews>

    </SfAIAssistView>

</div>


Output:


Please let us know if you need any further assistance.


Regards,

Vigneshwaran



DI Dimitar May 5, 2025 01:39 PM UTC

Thank you. You are great!


Loader.
Up arrow icon