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.

Validation Placement Issue with Chome

Thread ID:

Created:

Updated:

Platform:

Replies:

126312 Oct 6,2016 02:12 PM Oct 9,2016 11:59 PM ASP.NET Web Forms 3
loading
Tags: Grid
Michael Lambert
Asked On October 6, 2016 02:12 PM

I'm using the flowing code to place the validation error messages in eh:grid control.

        function complete(args) {
            if (args.requestType == "beginedit" || args.requestType == "add") {
                var old = $("#" + this._id + "EditForm").validate().settings.errorPlacement;
                $("#" + this._id + "BU").ejDropDownList({
                    select: function (args) {
                        $(this.element.closest(".e-ddl")).siblings(".e-error").remove();
                    }
                })
                var proxy = this;
                $("#" + this._id + "EditForm").validate().settings.errorPlacement = function (error, element) {
                    if (element.attr("ID") == proxy._id + "BU" || element.attr("ID") == proxy._id + "Period"
                        || element.attr("ID") == proxy._id + "ISChoice" || element.attr("ID") == proxy._id + "NewExpand") {
                        $container = $(error).addClass("e-error");
                        $tail = ej.buildTag("div.e-errortail e-toparrow");
                        $container.append($tail);
                        $container.offset({ right: $(element).parent().position().right + $(element).closest("td").width() });
                        $container.insertBefore(element.closest(".e-widget"))
                    }
                    else
                        old.apply(this, [error, element]);
                }
            }
        }



It work perfectly in Firefox and IE/Edge:



But under Chrome the Validation covers the control:



Thanks,
Mike


Venkatesh Ayothi Raman [Syncfusion]
Replied On October 7, 2016 05:38 AM

Hi Michael, 
Thanks for contacting Syncfusion support. 
We are able to reproduce the reported issue at our end and we have achieved your requirement using adding the CSS property for DOM element to resolve this issue. Please refer to the code example and screenshots, 
Code example: 
<style> 
        .e-grid div.e-error { 
         position:relative; /*applying the CSS property*/ 
        } 
    </style> 

Screenshot of Browsers: 
Regards, 
Venkatesh Ayothiraman. 


Michael Lambert
Replied On October 7, 2016 12:51 PM

Worked, Thanks!

Venkatesh Ayothi Raman [Syncfusion]
Replied On October 9, 2016 11:59 PM

Hi Michael, 
Thanks for the feedback. 
We are happy to hear your requirement is achieved. 
Regards, 
Venkatesh Ayothiraman. 


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.

;