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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Modal Login/Form dialog with recaptcha

Thread ID:





124730 Jun 26,2016 03:09 AM UTC Jun 29,2016 01:08 PM UTC ASP.NET MVC 3
Tags: Dialog
Asked On June 26, 2016 03:09 AM UTC

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 12:59 PM UTC

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, 
Narayanasamy P. 

Replied On June 28, 2016 07:32 PM UTC

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 01:08 PM UTC

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> 
#lognForm_wrapper { 
        background-repeat: no-repeat; 
        left: auto !important; 
        right: 0px !important; 
        top: 120px !important; 
        position: fixed !important; 
Please refer the modified sample in the below link: http://www.syncfusion.com/downloads/support/forum/124730/LOGIND~1581853711.ZIP  
Narayanasamy P.            


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon 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.Close Icon