PDA

View Full Version : [CLOSED] [2.2 Bug] Validation text in window wraps and doesn't fit when UI scaled



michaeld
Jun 05, 2013, 10:08 AM
"This field is required" text does not fit when latest Chrome or Firefox are scaled. Not a problem in IE10.

Some scales work.

Daniil
Jun 05, 2013, 1:27 PM
Hi @michaeld,

It was a bug in v2.2 release, but it should be fixed in the SVN trunk.

I can't reproduce it running the test case in Chrome 27.0.1453.110 m and FireFox 21.0 (just checked the updates).

Example


<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET v2 Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />

<ext:TextField runat="server" AllowBlank="false" />
</form>
</body>
</html>

Daniil
Jun 05, 2013, 1:28 PM
Please clarify do you mean "zoom" under "scale"?

Daniil
Jun 05, 2013, 1:43 PM
Please clarify do you mean "zoom" under "scale"?

If yes, then I have bad news for you. It is not supported by Sencha and we cannot do here much.
http://www.sencha.com/forum/showthread.php?256754#post939890
http://www.sencha.com/forum/showthread.php?241577#post884777

There are many other posts where Sencha answers "not supported".

Though, generally, it mostly works, but the issues are possible.

michaeld
Jun 05, 2013, 10:43 PM
If yes, then I have bad news for you. It is not supported by Sencha and we cannot do here much.
http://www.sencha.com/forum/showthread.php?256754#post939890
http://www.sencha.com/forum/showthread.php?241577#post884777

There are many other posts where Sencha answers "not supported".

Though, generally, it mostly works, but the issues are possible.


Though I can't speak for sencha's broad decision on zoom, I'm only looking for solutions. Sencha generally does an amazing job with zoom for their normal controls. They adjust for wrapping and layout great. In cases where it does not, you can always account by manipulating the control or changing sizes, etc. The only time this becomes a problem though is when you do not have access to the control itself to manipulate the size or text (which in this case is true as its an automatic tooltip). In these cases, you have to probably override the css. In the case of validation text, the simple answer is to adjust the size a little. Easy-peasy.

However, I wanted to bring this attention because it happens presently in the trunk and without a css adjustment, wrapping causes the issue. Does the trunk have the latest trunk of sencha that presumably fixes this issue? If not, I'm thinking it might be necessary to expand the width of the tooltip or prevent the wrapping.

Daniil
Jun 06, 2013, 5:37 AM
In these cases, you have to probably override the css. In the case of validation text, the simple answer is to adjust the size a little. Easy-peasy.


Could you demonstrate the CSS override to fix it?



However, I wanted to bring this attention because it happens presently in the trunk and without a css adjustment, wrapping causes the issue. Does the trunk have the latest trunk of sencha that presumably fixes this issue? If not, I'm thinking it might be necessary to expand the width of the tooltip or prevent the wrapping.

The SVN trunk contains the latest ExtJS release 4.2.1. I am not sure why you are expecting any of Sencha release should fix since they don't support it... Probably, I misunderstand something.

bogc
Sep 14, 2013, 1:47 AM
Hello:

I am having the wrapping problem in IE9 with the Ext.Net 2.2 (official release), however, I cannot reproduce it outside of my app! I don't use any scaling.
6895

Chrome & FF are fine.

What css styles control the error messages?

Thanks

Daniil
Sep 16, 2013, 5:19 AM
Hi @bogc,

I think it is related to this thread:
https://github.com/extnet/Ext.NET/issues/189

It is not because of CSS styles of an error ToolTip. It is a general problem with ToolTips in ExtJS 4.2.0 and, respectively, Ext.NET v2.2.

You can try this:

if (Ext.isIE10) {
Ext.supports.Direct2DBug = true;
}

Though, be careful it might cause some backstage effects:
https://github.com/extnet/Ext.NET/issues/232