We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

SfChat empty space between chat bubbles and the text input

There is an empty space between the chat bubbles and the text input in the chat page. Is there any way to remove this space? The space is indicated by the red rectangle in the attached image. Below is the xaml code snippet

<sfChat:SfChat x:Name="sfChat"
   Messages="{Binding Messages}"
   CurrentUser="{Binding CurrentUser}"
   ShowTimeBreak="True"
                   ShowIncomingMessageTimestamp="True"
                   ShowOutgoingMessageTimestamp="True"
                   IncomingMessageTimestampFormat="hh:mm tt"
                   OutgoingMessageTimestampFormat="hh:mm tt"
   MessageShape="RoundedRectangle"
   ShowAttachmentButton="True"
   AttachmentButtonCommand="{Binding AttachmentButtonCommand}"
   SendMessageCommand="{Binding SendTextMessageCommand}"
   ImageTappedCommand="{Binding ViewImageCommand}"
   CanAutoScrollToBottom="True"
   ShowOutgoingMessageAvatar="True"
   >
</sfChat:Sf Chat>




1 Reply

SV Suja Venkatesan Syncfusion Team November 3, 2022 05:44 AM

We would like to let you know that the empty space between the last message and message editor is for display typing indicator in SfChat. You can customize the height of typing indicator area by setting TypingIndicatorViewHeight property value as 0 as like below code snippet.


Code Snippet:

<sfChat:SfChat x:Name="sfChat"

                       TypingIndicatorViewHeight="0"

                       Messages="{Binding Messages}"

                       CurrentUser="{Binding CurrentUser}"    

                       ShowOutgoingMessageAvatar="True" />


Please refer the following User Guidelines documentation of SfChat.TypingIndicator in the following link.

UG link: https://help.syncfusion.com/xamarin/chat/typing-indicator#customize-height-of-the-typing-indicator-view-area


Please let us know if you need any other assistance.


Loader.
Live Chat Icon For mobile
Up arrow icon