Intersoft Community - WebInput - AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

SAgosto — Thu, 02 Feb 2012 14:22:49 GMT

Hello,
Forgive me for not being detail. As I said before, It is not a bug. Each browser have their own mechanism in rendering. In IE, it is sensitive for rendering table. To make the layout better, sometimes it needs to add style layout:fixed for the table. That's what I added in your sample.
After adding those style, it would automatically render in proper width. The last steps I did only customize the column width to make a better layout.
Regards,
Handy

This worked for me. Thanks.

AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

handy@intersoftpt.com — Wed, 01 Feb 2012 21:20:51 GMT

Hello,

Forgive me for not being detail. As I said before, It is not a bug. Each browser have their own mechanism in rendering. In IE, it is sensitive for rendering table. To make the layout better, sometimes it needs to add style layout:fixed for the table. That's what I added in your sample.
After adding those style, it would automatically render in proper width. The last steps I did only customize the column width to make a better layout.

Regards,
Handy

AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

SAgosto — Wed, 01 Feb 2012 17:13:08 GMT

Hello Shawm,
It because each browser have their own mechanism to render inside tables. So, we need to adjust the styles. I have modified your .ascx. It should work fine.
Regards,
Handy

What is the fix? Just add a width to the column? What should the width be? Just bigger than the width of the underlying controls within the column?

AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

handy@intersoftpt.com — Wed, 01 Feb 2012 01:30:30 GMT

Hello Shawm,

It because each browser have their own mechanism to render inside tables. So, we need to adjust the styles. I have modified your .ascx. It should work fine.

Regards,
Handy

AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

SAgosto — Tue, 31 Jan 2012 09:43:22 GMT

Hello Shawn,
Can you let me know your page structures and styles as well? I will try to follow them and replicate the issue in here. If it is in simple page, it works fine. So, I think there must be some styles, container, etc that need to be used for replicating this issue.
Btw, we also have WebCallOut control for this functionality.
Regards,
Handy

I uploaded a reproducible example within a zip archive.

AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

handy@intersoftpt.com — Mon, 30 Jan 2012 23:17:06 GMT

Hello Shawn,

Can you let me know your page structures and styles as well? I will try to follow them and replicate the issue in here. If it is in simple page, it works fine. So, I think there must be some styles, container, etc that need to be used for replicating this issue.
Btw, we also have WebCallOut control for this functionality.

Regards,
Handy

AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

SAgosto — Mon, 30 Jan 2012 10:03:33 GMT

<ISWebInput:WebInput runat="server" ID="wiTransHeaderStatementFrom" Width="100px" CausesValidation="false">	</ISWebInput:WebInput>

<asp:CustomValidator runat="server" ID="cvTransHeaderStatementFrom" ControlToValidate="wiTransHeaderStatementFrom" ClientValidationFunction="wiTransHeaderStatementFrom_OnValidate" ValidateEmptyText="true" Display="None" ErrorMessage="Statement From Date is required" />

<ajaxToolKit:ValidatorCalloutExtender runat="server" ID="vceTransHeaderStatementFrom" TargetControlID="cvTransHeaderStatementFrom" />

Please refer to screen shots for reference. This does not occur with the ASP Textbox control.

This bug does not occur with Google Chrome but does with IE8 w/o compatibility.

AjaxToolKit's ValidatorCalloutExtender Rendering Bug with WebInput control

SAgosto — Mon, 30 Jan 2012 09:48:57 GMT

<ISWebInput:WebInput runat="server" ID="wiTransHeaderStatementFrom" Width="100px" CausesValidation="false">	
</ISWebInput:WebInput>

<asp:CustomValidator runat="server" ID="cvTransHeaderStatementFrom" ControlToValidate="wiTransHeaderStatementFrom" ClientValidationFunction="wiTransHeaderStatementFrom_OnValidate" ValidateEmptyText="true" Display="None" ErrorMessage="Statement From Date is required" />

<ajaxToolKit:ValidatorCalloutExtender runat="server" ID="vceTransHeaderStatementFrom" TargetControlID="cvTransHeaderStatementFrom" />

Please refer to screen shots for reference. This does not occur with the ASP Textbox control.