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.
Unfortunately, activation email could not send to your email. Please try again.

Modal Login/Form dialog with recaptcha

Thread ID:

Created:

Updated:

Platform:

Replies:

124730 Jun 25,2016 11:09 PM Jun 29,2016 09:08 AM ASP.NET MVC 3
loading
Tags: Dialog
Megatron
Asked On June 25, 2016 11:09 PM

Hello, how to do a modal Login/Register dialog/form like the picture below. In the form, I need username, password and also recaptcha field with ASP MVC 4.6.2 and Identity 2.2.1




Narayanasamy Panneer Selvam [Syncfusion]
Replied On June 27, 2016 08:59 AM

Hi Megatron, 
  
Thanks for Contacting Syncfusion support. 
  
We have prepared a sample as per your requirement. Please find it in the below link.  
To know about the list of properties, methods, and events available in Dialog and Captcha control please refer the following links, 
  
Regards, 
Narayanasamy P. 


Megatron
Replied On June 28, 2016 03:32 PM

thanks for the sample, I was able to run the sample.

But its nowhere close to the same behavior as the one on website.

Its offset towards the center of the page,
It does not factor for the zindex, when I add items its sometimes hiding or hidden.
On a mobile device it does not work - your libs are old, I updated to current libs but still it did not fix it.
It does not collapse back/ or close



Narayanasamy Panneer Selvam [Syncfusion]
Replied On June 29, 2016 09:08 AM

Hi Megatron, 
  
Thanks for the update. 
  
Query 1:  offset towards the center of the page 
You need to override the default left value for positioning it to the right corner on the window.  
Query 2: when I add items its sometimes hiding or hidden and On a mobile device it does not work 
By using “IsResponsive” property to set as “true” you can use the same form in your mobile device also. Please find the changes in the code example block. 
  
@{Html.EJ().Dialog("lognForm").Title("Login Form").IsResponsive(true).Containment(".control").ContentTemplate(@<div> 
…….. 
} 
<style> 
#lognForm_wrapper { 
        background-repeat: no-repeat; 
        left: auto !important; 
        right: 0px !important; 
        top: 120px !important; 
        position: fixed !important; 
    } 
</style> 
  
Please refer the modified sample in the below link: http://www.syncfusion.com/downloads/support/forum/124730/LOGIND~1581853711.ZIP  
  
Regards, 
Narayanasamy P.            


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;