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.
Syncfusion Feedback

Validation Placement Issue with Chome

Thread ID:

Created:

Updated:

Platform:

Replies:

126312 Oct 6,2016 06:12 PM UTC Oct 10,2016 03:59 AM UTC ASP.NET Web Forms 3
loading
Tags: Grid
Michael Lambert
Asked On October 6, 2016 06:12 PM UTC

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 09:38 AM UTC

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 04:51 PM UTC

Worked, Thanks!

Venkatesh Ayothi Raman [Syncfusion]
Replied On October 10, 2016 03:59 AM UTC

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.

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

;