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

[Solved] - How to creat a modern login interface?

Hi,
I want to ask what controls can I use that are appropriate for this? What type of buttons, textboxes, panels, images can I use..
I want to create something unique!
Thank for advice!

9 Replies

SS Susmitha Sundar Syncfusion Team May 13, 2020 05:31 PM UTC

Hi khanh dang, 
 
Thank you for using Syncfusion controls. 
 
We have the below controls to create the login page. 





You can get our entire control list from below link, 

You can get the appropriate control based on your requirement and create the login page using the controls. 
 
Please let us know if you need further assistance on this. 
 
Regards, 
Susmitha S 



TG The GridLock May 14, 2020 03:55 AM UTC

Thanks for the suggestions, I'll try them, Susmitha!


SS Susmitha Sundar Syncfusion Team May 14, 2020 01:10 PM UTC

Hi khanh dang, 
 
Thanks for the update. 
 
We will wait to hear from you. 
 
Regards, 
Susmitha S 



TG The GridLock May 14, 2020 02:14 PM UTC

Hi Susmitha,
busyindicator is not displayed first, how to bring it to front? It has been obscured quite a lot.





SS Susmitha Sundar Syncfusion Team May 15, 2020 02:03 PM UTC

Hi khanh dang, 
  
Thanks for the update. 
 
We suspect that, you are show the busyIndicator for Form. By default, busyIndicator shows on control, which we pass in show method.  If you want to show the busyIndicator in front of TextBox, you need to set the busyIndicaator.show(TextBox). 
 
Please let us know if you need further assistance on this. 
 
Regards, 
Susmitha S 



TG The GridLock May 16, 2020 06:04 AM UTC

Hi Susmitha,
If I use: busyIndicaator.show (this) it will display on the form, but it will be completely obscured by the textbox.
If I use: busyIndicaator.show (TextBox) it will display on the textbox but because the textbox height is limited, it will be partially obscured.
What should I do to rescue it? I want to show busyIndicaator intact before all (control and form).

I have one more question with datagrid: when I choose combobox, the data is loading from the server. and I want the busyindicator show on datagrid, but I don't see it being show. ( It seems busyindicator only shows when the datagrid shows table , if it doesn't have anything (.datasource =nothing) then it doesn't show).
can you check this help me!


SS Susmitha Sundar Syncfusion Team May 18, 2020 04:36 PM UTC

Hi khanh dang, 
 
Thank you for the update. 
We have provided the support to show the busyindicator on any of the control. If you want to show the busyindicator on form, you can change the location of busyindicator, and shows on form’s empty space. 
 
busyIndicator.Show(this, new Point(27, 100)); 
 
 
Query 2: 
 You can show the busyindicator for SfDataGrid’s source loading by setting the busyindicator.show(SfDataGrid.TableControl). We have prepared the sample based on this.  
 
BusyIndicator busyIndicator = new BusyIndicator(); 
 Timer timer = new Timer(); 
 
  timer.Tick += Timer_Tick; 
 
private void Timer_Tick(object sender, EventArgs e) 
 { 
     sfDataGrid1.TableControl.BeginInvoke(new Action(() => 
     { 
         this.sfDataGrid1.DataSource = list; 
         this.busyIndicator.Hide(); 
     })); 
 } 
 
 private void button1_Click(object sender, EventArgs e) 
 { 
     timer.Enabled = true; 
     timer.Start(); 
     busyIndicator.Show(sfDataGrid1.TableControl); 
     timer.Interval = 10000; 
    
 
 } 
 
 
Please check the sample and let us know if you need further assistance on this. 
 
Regards, 
Susmitha S 



TG The GridLock May 19, 2020 07:05 PM UTC

Ok Susmitha! I got it.


SS Susmitha Sundar Syncfusion Team May 20, 2020 05:42 AM UTC

Hi khanh dang, 
 
Thanks for the update. 
 
We are glad to know that the reported problem has been resolved at your end. Please let us know if you have any further queries on this. We are happy to help you. 
 
Regards, 
Susmitha S 


Loader.
Live Chat Icon For mobile
Up arrow icon