This is a migrated thread and some comments may be shown as answers.

Chat SuggestedActionDataItem

3 Answers 16 Views
Conversational UI, Chat
This is a migrated thread and some comments may be shown as answers.
Tim Larson
Top achievements
Rank 1
Tim Larson asked on 06 Nov 2020, 03:47 PM

Hello,

I am trying to figure out how to make the Suggested Actions not scroll off of the screen in Windows forms.

 

Can you help show how I can get these to be posted vertical?

Thanks -Tim

3 Answers, 1 is accepted

Sort by
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 09 Nov 2020, 11:28 AM

Hello, Tim, 

RadChat uses a ChatSuggestedActionsElement for displaying the suggested actions which is a derivative of HorizontalScrollableStackElement. Internally, it contains a StackLayoutPanel which orientation can be set to vertical:
      this.radChat1.ChatElement.SuggestedActionsElement.ItemsLayout.Orientation = Orientation.Vertical;

Before:

After:

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Tim Larson
Top achievements
Rank 1
answered on 14 Jan 2021, 09:30 PM
On the suggested actions being vertical.  How would you put a little bit of a space between the options?
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 18 Jan 2021, 10:44 AM
Hello, Tim, 

You can achieve the desired spacing between the options as it is demonstrated below:

            this.radChat1.ChatElement.SuggestedActionsElement.ItemsLayout.Orientation = Orientation.Vertical;
            foreach (SuggestedActionElement el in this.radChat1.ChatElement.SuggestedActionsElement.ItemsLayout.Children)
            {
                el.Margin = new Padding(5);
            } 

Should you have further questions please let me know.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Conversational UI, Chat
Asked by
Tim Larson
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Tim Larson
Top achievements
Rank 1
Share this question
or