Loading spinner hiding

Question

Hi all, I added font awesome loading spinner in wpf xaml file, When I'm calling service I need to enable the spinner after success response need to hide the spinner, How we can achieve this. Note: I tried with "Name" of the font awesome but it's not working Thanks in advance

Dorababu Meka · Answer

Hi Rama Krsihna, for the earlier code just add the following in button click and try. We need to do some async await operation for your api call. Here I am doing a simple one private async void btnCustom_Click( object sender, System.Windows.RoutedEventArgs e) { btnCustom.IsEnabled = false ; PanelMainMessage = "Cusotm" ; PanelSubMessage = "This is sub" ; this .ShowPanelCommand.Execute( null ); var result = await Task.Run(() => WorkThenWait()); if (result == 1) this .HidePanelCommand.Execute( null ); Console.WriteLine( "started" ); //child.Wait(); Console.WriteLine( "completed" ); } async Task int > WorkThenWait() { Thread.Sleep(1000); return 1; //await Task.Delay(1000); }

Rama Krishna · Answer

Click="btnSave_Click"/> private void btnSave_Click(object sender, RoutedEventArgs e) { this.ShowPanelCommand.Execute(null); GetData(value); } public void GetData(string value) { var response = // calling api if(response != null) { this.ShowPanelCommand.Execute(null); } }

Dorababu Meka · Answer

Are you using the same as I did, can you post your designer code or attach as a sample one so that I can look in to

Rama Krishna · Answer

I checked like that also, I mean removing api call and then showing only spinner but that is also it's showing

Dorababu Meka · Answer

Have you checked my code in button click event I am firing this, may be your result is getting fast so the control is not getting visible. Are you using the same I posted or the different one?

Rama Krishna · Answer

Actually what I'm trying is when I click on button spinner has to show middle of page and then when i get success response it has to close automatically. please see below screenshot

Dorababu Meka · Answer

I added a button and in the event handle I have written this which is working private void btnCustom_Click( object sender, System.Windows.RoutedEventArgs e) { int hide = -1; PanelMainMessage = "Cusotm" ; this .ShowPanelCommand.Execute( null ); }

Rama Krishna · Answer

I'm not getting any error but it's not firing i think private void btn_Click(object sender, RoutedEventArgs e) { this.ShowPanelCommand.Execute(null); GetData(value); } public GetData(string value) { if(response != null) this.HidePanelCommand.Execute(null); }

Dorababu Meka · Answer

You can change the position as per your requirement by adjusting the position or may be aligning the vertical position to center. "Center" > "loadingPanel" IsLoading= "{Binding PanelLoading}" Message= "{Binding PanelMainMessage}" SubMessage= "{Binding PanelSubMessage}" ClosePanelCommand= "{Binding PanelCloseCommand}" />

Rama Krishna · Answer

It's working fine but I need spinner middle of the page

Dorababu Meka · Answer

Have you downloaded the code and tested, I am able to integrate in my code with out any issues

Rama Krishna · Answer

Hi Jenith, yes I installed

Rama Krishna · Answer

Hi Dorababu, Thank you for your reply, I'm getting error for "ctr". I added "xmlns:ctr="clr-namespace:LoadingPanelSample.Controls" but still it's giving error.

Dorababu Meka · Answer

I have used this one recently and modified the code as per my need http://huydinhpham.blogspot.com/2011/07/wpf-loading-panel.html this .ShowPanelCommand.Execute( null ); use this above line to trigger it manually on any button click this .HidePanelCommand.Execute( null ); To hide after your operation completed use this one

Jenith Thakkar · Answer

Have you intalled this Package? Install-Package FontAwesome.WPF

Dorababu Meka · Answer

Can you post the design of loading panel?

Rama Krishna · Answer

Hi Dorababu, Thank you for your solution, but when I'm placing loading panel code into xaml file able see the spinner on the design screen but with button click it's not showing that is the problem facing now

Rama Krishna · Answer

With button click event it's not working I think, I tried in all the ways

Dorababu Meka · Answer

Attaching the code look and let me know

Dorababu Meka · Answer

You can try with a message box if result success private void btnCustom_Click( object sender, System.Windows.RoutedEventArgs e) { PanelMainMessage = "Cusotm" ; this .ShowPanelCommand.Execute( null ); var result = MessageBox.Show( "Hello" , "Custom" , MessageBoxButton.OK, MessageBoxImage.Information); if (result == MessageBoxResult.OK) HidePanelCommand.Execute( null ); }

Rama Krishna · Answer

I tried but it's not working

Dorababu Meka · Answer

Are you passing the default text as per the example or of your own? Just comment the one which is hiding the panel and see whether it is showing the loading panel

Dorababu Meka · Answer

What error you are getting? Where you are triggering this event, can you post the sample code

Rama Krishna · Answer

Hi Dorababu, If I use click event, this .ShowPanelCommand.Execute( null ); not working

Rama Krishna · Answer

Yes I did, Thank you Dorababu.