Does the renderUserTypingIndicator method not have any effect during the onPost event?

[Alan]

Hi,

When I use the chat widget to send a message, it triggers the post event. I hope to display the User Typing Indicator using the renderUserTypingIndicator method within the onPost function, but it seems to have no effect? However, testing the renderUserTypingIndicator within $(document).ready seems to work. Have I misunderstood the usage method?

 

<div id="chat"></div>
<script>

    $(document).ready(function () {

        var chat = $("#chat").kendoChat({
            post: onPost
        }).data("kendoChat");

        chat.renderMessage({
            type: "text",
            text: "Hello, how can I assist you today?",
            timestamp: new Date()
        }, {
            name: "Chatbot"
        });


        function onPost(args) {
            var chatargs = args.sender;
            var chat = $("#chat").data("kendoChat");

            // Render the typing indicator.
            chat.renderUserTypingIndicator({ name: "Chatbot" });

        }

    });

</script>

[Martin]

Hello, Alan,

The renderMessage method does not trigger the post event, so you will need to fire the event manually.

chat.trigger("post")

Here is a small Dojo example for reference.

Let me know if you have any further questions.

Regards,
Martin
Progress Telerik

[Alan]

my requirement is trigger renderUserTypingIndicator() after user post and remove Typing Indicator() on back-end server response answer througe ajax request. is that possible?

[Martin]

Hi, Alan,

You can display the typing indicator through a setTimeout function in the post event. In the post event you can also initiate the AJAX request to the server to proceed with the rest of the requirement - https://dojo.telerik.com/OVAwoMuN/10