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

RadChat animated send message button

2 Answers 25 Views
Chat (Conversational UI)
This is a migrated thread and some comments may be shown as answers.
n/a
Top achievements
Rank 1
n/a asked on 30 Jan 2020, 12:19 PM

Hello,

We're using RadChat and would like to switch the send message button image to be an animated spinner when a message is being sent, and prevent any new message being entered and sent during this process.

How would you recommend we achieve this?

We've attempted to achieve this by including the following, with the idea of binding the RotationX and RotationY properties and adjusting the angle. However, this seems to skew the width/height of the send image button rather than just rotating it. Would using an image of the same width/height solve this?

    <ContentPage.Resources>
        <Style TargetType="tkinput:RadButton">
            <Setter Property="RotationX" Value="45" />
            <Setter Property="RotationY" Value="45" />
        </Style>
    </ContentPage.Resources>

Also, what would be the best approach to change the watermark text of the entry box and disable it during this process?

 

Many thanks

Patrick

2 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 31 Jan 2020, 02:39 PM

Hi Patrick,

You can modify the ControlTemplate of RadChat and switch the used Button for sending the message with any other control of your choice ( you can update the visibility of both controls), for example, RadBusyIndicator. 

You can update the Entry Watermark and read-only state inside the template as well.

I am attaching to this thread the ControlTemplate, please give this approach a try and let me know if you have any additional questions on this.

Regards,
Yana
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
n/a
Top achievements
Rank 1
answered on 04 Feb 2020, 08:55 AM

Hi Yana,

Thank you, we've implemented your proposed solution and it works well.

Regards

Patrick

Tags
Chat (Conversational UI)
Asked by
n/a
Top achievements
Rank 1
Answers by
Yana
Telerik team
n/a
Top achievements
Rank 1
Share this question
or