RadChat animated send message button

[n/a]

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

[Yana]

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

[n/a]

Hi Yana,

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

Regards

Patrick