Intersoft Community - WebInput - Problem with using mask expression in webgrid

Problem with using mask expression in webgrid

phanindra — Mon, 24 Oct 2016 20:33:28 GMT

It has been a long time that I've posted this query but I never got the answer which I needed, can you look into this thread once again and let me know if there is any feasible solution. The solution which was provided by you doesn't work in compatibility mode of IE, is there any work around for the issue?

Thanks,

Phanindra

Problem with using mask expression in webgrid

phanindra — Thu, 04 Aug 2016 14:12:46 GMT

Hello,

Thanks for the response, you might be not getting the error in your local because you might have the latest dll's and java script files on your end. I already tried using the Pseduo-element as you mentioned it works in non-compatibility mode but not in compatibility mode of IE

Can you please tell me is there any fix for the issue itself?

I still get the issue in the samples provided by intersoft which has latest of everything as you mentioned

I'm using WebGrid 10 (10.0.7200.24), WebInput 5 (5.0.7200.268), and WebUI.NET Framework 3.0 (3.0.5000.975).

And I still get the same error.

Thanks,

Phanindra

Problem with using mask expression in webgrid

yudi — Thu, 04 Aug 2016 07:35:38 GMT

The clear icon is a small "x" button added by IE to all input elements when they are focused. What this button does is to clear the content of the input element.

I can replicate the reported problem in the live sample by following the step-by-step in your initial post. However, I got different result when testing the same sample file locally.

The clear icon doesn't appear. I'm using WebGrid 10 (10.0.7200.24), WebInput 5 (5.0.7200.268), and WebUI.NET Framework 3.0 (3.0.5000.975).

Could you please try to test the sample locally (using the latest build of WebGrid 10, WebInput 5, and WebUI.NET Framework 3.0) and let me know the result? The new Custom Editor Types sample of WebGrid has handle the appearance of the x button. The "Order Date" column uses WebInput as its editor type.

Can you let me know if there is any way to hide the "x icon" in the webinput?

You can style the ::-ms-clear pseudo-element for the box. Example:

#ctl00_content_wiExtension::-ms-clear
{
    display: none;

}

Hope this helps.

Problem with using mask expression in webgrid

phanindra — Wed, 03 Aug 2016 21:49:41 GMT

Hello,

Please Have a look at the issue in the intersoft sample at

http://live.intersoftsolutions.com/Default.aspx?path=/WebGrid/Top Features/Integration and Extensibility&url=cs/WebGrid/IntegrationwithWebInput.NET.aspx

Issue

When the order date is selected and clear icon is clicked on the right corner of the input control, the whole text along with the mask expression is cleared. Later it doesn't allow to enter more than a single character.

Steps to replicate the issue

Click on order date input from the webgrid in the link provided above.
Click on x icon to clear the text, Notice that the mask expression is removed as well.
Try entering some text into the same control.
Now once you are done with the 3 steps select another row, you see the javascript errors popping up.

Can you let me know if there is any way to hide the "x icon" in the webinput?

Please answer this query asap as its a major issue in our production site, I'm attaching few images of the errors that I have encountered in the intersoft live demo

Try the sample mentioned in the above link in IE 10/11 but not chrome.

Thanks,

Phanindra.