Customise Editor Placeholder

[Malcolm van Staden]

Hi,

Is there a way to customise the send message placeholder text?

We tried to do the following:

            sfChat.Editor.Placeholder = "Type your reflective question here";

But when the page is rendered, the placeholder seems to revert back to "Type a message"

Thanks

[Farjana Parveen Ayubb]

Hi Malcolm, 

 

Thank you for using Syncfusion controls. 

 

Currently we are working on this with high priority, we will provide the further details on or before 11^th June 2020. 

 

Regards, 

Farjana Parveen A 

[Karthikraja Kalaimani]

Hi Malcolm,

Thanks for your patience.

We can change the Placeholder text for Editor view on loaded event of the SfListView. Please refer the below code snippet to achieve your requirement.

Code snippet,

 

………
(((this.sfChat as ContentView).Content as Grid).Children[0] as SfListView).Loaded += ListView_Loaded;
…………

 private void ListView_Loaded(object sender, ListViewLoadedEventArgs e) 

 { 

            var footerView = (Grid)this.sfChat.GetType().GetRuntimeProperties().FirstOrDefault(x => x.Name.Equals("FooterView")).GetValue(this.sfChat); 

            ((((footerView.Children[1] as ContentView).Content as SfBorder).Content as Grid).Children[0] as Editor).Placeholder = "Type your reflective question here"; 

 } 

Sample link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Chat_Getting_started_(1)283660014.zip

Regards,
Karthik Raja 

[Shylaja]

This didnt work,  I had to use the below code to modify the placeholder of Sfchat editor.

(((((footerView.Children[1] as ContentView).Content as SfBorder).Content as Grid).Children[0] as Grid).Children[0] as Editor).Placeholder = "Say Something"

[Karthikraja Kalaimani]

 

Hi Shylaja,

We suspect that you have tried to change the placeholder text on after initializing the SfChat. So, only it not changed. So implement that code on ListView loaded event to change the placeholder text. If you still facing the  same issue ? please let us know the SfChat and Xamarin Forms versions. Because it will help us to provide a better solution earlier.

Regards, 

Karthik Raja 

[Vassili]

 

Hi Shylaja,

We suspect that you have tried to change the placeholder text on after initializing the SfChat. So, only it not changed. So implement that code on ListView loaded event to change the placeholder text. If you still facing the  same issue ? please let us know the SfChat and Xamarin Forms versions. Because it will help us to provide a better solution earlier.

Regards, 

Karthik Raja 

Looks like now the SfChat structure has changed. So this doesn't work anymore:

((((footerView.Children[1] as ContentView).Content as SfBorder).Content as Grid).Children[0] as Editor).Placeholder = "Type your reflective question here"; 

This works instead (there is an extra Grid inside of a Grid):

 (((((footerView.Children[1] as ContentView).Content as SfBorder).Content as Grid).Children[0] as Grid).Children[0] as Editor).Placeholder = "Type your reflective question here"; 

The solution looks fragile and depending on consequent releases that might change the SfChat structure again.

Is there a better solution now?

Thanks!

[Ranjith Kumar Durairaj]

Hi Malcolm van Staden 

Please ignore the previous updates since it is a hectic process to reflect footerview to  achieve the requirement.
We suspect that you have tried to change the placeholder text before the SfChat.Editor gets rendered. So please implement the code in "Sfchat.Editor PropertyChanged" event as mentioned below,


 

        public SimpleChatPage() 

        { 

            InitializeComponent(); 

            sfChat.Editor.PropertyChanged += Editor_PropertyChanged; 

        } 

 

        private void Editor_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e) 

        { 

            if(e.PropertyName == "Placeholder") 

            { 

                sfChat.Editor.Placeholder = "Type your reflective question here"; 

            } 

        } 

Regards,
Ranjith Kumar