998680: Updated codesnippets and content for footer toolbar

Author: Yuvaraj-SF5089

ej2-asp-core-mvc/ai-assistview/EJ2_ASP.MVC/toolbar-items.md

@@ -22,12 +22,12 @@ In the following example, AI AssistView component rendered with footer toolbar i
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/ai-assistview/file-attachments/enable-attachments/razor %}
 {% endhighlight %}
-{% highlight c# tabtitle="Enable-attachments.cs" %}
+{% highlight c# tabtitle="FooterToolbar.cs" %}
 {% include code-snippet/ai-assistview/file-attachments/enable-attachments/enable-attachments.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-![EnableAttachments](images/enable-attachments.png)
+![FooterToolbar](images/enable-attachments.png)
 
 ### Toolbar positioning
 
@@ -39,12 +39,12 @@ By settings toolbarPosition as `Bottom`, footer items will be rendered at the bo
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/ai-assistview/toolbar-items/footerPosition/razor %}
 {% endhighlight %}
-{% highlight c# tabtitle="CustomFooter.cs" %}
+{% highlight c# tabtitle="ToolbarPosition.cs" %}
 {% include code-snippet/ai-assistview/toolbar-items/footerPosition/footerPosition.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-![CustomPrompt](images/custom-prompt.png)
+![ToolbarPosition](images/toolbarPosition.png)
 
 ### Adding custom items
 
@@ -56,12 +56,12 @@ You can use the `FooterToolbarSettings` property to add custom items for the foo
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/ai-assistview/toolbar-items/custom-footer/razor %}
 {% endhighlight %}
-{% highlight c# tabtitle="CustomPrompt.cs" %}
+{% highlight c# tabtitle="CustomFooter.cs" %}
 {% include code-snippet/ai-assistview/toolbar-items/custom-footer/custom-footer.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-![CustomPrompt](images/custom-prompt.png)
+![CustomFooter](images/custom-footer.png)
 
 ### Item click
 
@@ -71,7 +71,7 @@ The [ItemClick](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Inte
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/ai-assistview/toolbar-items/footerItemClick/razor %}
 {% endhighlight %}
-{% highlight c# tabtitle="PromptItemClick.cs" %}
+{% highlight c# tabtitle="FooterItemClick.cs" %}
 {% include code-snippet/ai-assistview/toolbar-items/footerItemClick/footerItemClick.cs %}
 {% endhighlight %}
 {% endtabs %}

ej2-asp-core-mvc/ai-assistview/EJ2_ASP.NETCORE/toolbar-items.md

@@ -22,12 +22,12 @@ In the following example, AI AssistView component rendered with footer toolbar i
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/ai-assistview/file-attachments/enable-attachments/razor %}
 {% endhighlight %}
-{% highlight c# tabtitle="BannerTemplate.cs" %}
+{% highlight c# tabtitle="FooterToolbar.cs" %}
 {% include code-snippet/ai-assistview/file-attachments/enable-attachments/enable-attachments.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-![EnableAttachments](images/enable-attachments.png)
+![FooterToolbar](images/enable-attachments.png)
 
 ### Toolbar positioning
 
@@ -41,7 +41,7 @@ By settings toolbarPosition as `Bottom`, footer items will be rendered at the bo
 {% endhighlight %}
 {% endtabs %}
 
-![CustomPrompt](images/custom-prompt.png)
+![ToolbarPosition](images/toolbarPosition.png)
 
 ### Adding custom items
 
@@ -55,7 +55,7 @@ You can use the `e-aiassistview-footertoolbarsettings` tag helper to add custom
 {% endhighlight %}
 {% endtabs %}
 
-![CustomResponse](images/custom-response.png)
+![CustomFooter](images/custom-footer.png)
 
 ### Item click
 

ej2-asp-core-mvc/ai-assistview/images/custom-footer.png

@@ -12,7 +12,7 @@
 <div class="aiassist-container" style="height: 350px; width: 650px;">
     @Html.EJS().AIAssistView("aiAssistView").Prompts(promptsData).PromptRequest("onPromptRequest").Created("onCreated").FooterToolbarSettings(new AIAssistViewFooterToolbarSettings()
     {
-        ToolbarPosition = 'Bottom',
+        ToolbarPosition = Syncfusion.EJ2.InteractiveChat.ToolbarPosition.Bottom,
         Items = ViewBag.Items
     }).Render()
 </div>

ej2-asp-core-mvc/ai-assistview/images/toolbarPosition.png

@@ -13,7 +13,7 @@
     <button id="toolbarBtn" class="e-btn">UpdateToolbarPosition</button>
     @Html.EJS().AIAssistView("aiAssistView").Prompts(promptsData).PromptRequest("onPromptRequest").Created("onCreated").FooterToolbarSettings(new AIAssistViewFooterToolbarSettings()
     {
-        ToolbarPosition = 'Bottom'
+        ToolbarPosition = Syncfusion.EJ2.InteractiveChat.ToolbarPosition.Bottom
     }).Render()
 </div>
 
@@ -32,11 +32,11 @@
     }
     document.addEventListener('click', function (event) {
         if (event.target && event.target.id === 'toolbarBtn') {
-            if (assistObj.FooterToolbarSettings.ToolbarPosition === 'Inline') {
-                assistObj.FooterToolbarSettings.ToolbarPosition = 'Bottom';
+            if (assistObj.footerToolbarSettings.toolbarPosition === 'Inline') {
+                assistObj.footerToolbarSettings.toolbarPosition = 'Bottom';
             }
             else {
-                assistObj.FooterToolbarSettings.ToolbarPosition = 'Inline';
+                assistObj.footerToolbarSettings.toolbarPosition = 'Inline';
             }
         }
     });