ActiveWidgets • button style in Internet Explorer 7.0

we have a licensed version of ActiveWidgets 2.0 Standard Edition.

The style of the buttons AW.HTML.BUTTON is not proper in IE-7. The right corner curves are somewhat misaligned and not looking good.
It is looking good in IE-6 and firefox.

But the style of the buttons AW.UI.BUTTON is fine in all browsers of all versions.

We have used AW.HTML.BUTTON in most of the parts of our project. It is not possible to change from AW.HTML to AW.UI.

Is there any way to make this work properly in all browsers of all versions.

Are you sure the problem is with AW.HTML.BUTTON and not with AW.UI.Button class?

If you are using AW 2.0.1 and have problem with AW.UI.Button appearance in IE7 - then you have to upgrade to AW 2.0.2 (or AW 2.5.1).

Hi,
Back after long time. I thought i have sent you the sample code, which has problem in button and a one which seems good.
Did I ? Sorry I don't remember properly ?

I tried a work around of just replacing the css used in the two files.
It helped in the appearance of the button, but created other problems.
Is there a correct solution for this problem.

Sample code with proper button appearance :

<html>
<head>
<link href= '../css/runtime/xp/aw.css' rel='stylesheet'></link>
<script type='text/javascript' src='../js/runtime/lib/aw.js'></script>
<title>Active widgets: Button Creation </title>
</head>
<body>
<script>
var submit = new AW.UI.Button;
submit.setControlText('Submit');
submit.setControlTooltip('Submit Form Details.');
submit.setStyle ('top', '249px');
submit.setStyle ('left', '90px');
submit.setStyle ('height', '20px');
submit.setStyle ('width', '80px');
document.write(submit);
</script>
</body>
</html>

Code of button, where the appearance is not good:<html>
<head>
<title>Active widgets: Button Creation </title>
<script src="../ActiveWidgets/source/lib/aw.js"></script>
<link href= '../css/runtime/xp/aw.css' rel='stylesheet'></link>

</head>
<body>
<script>
var submit = new AW.UI.Button;
submit.setControlText('Submit');
submit.setControlTooltip('Submit Form Details.');
submit.setStyle ('top', '249px');
submit.setStyle ('left', '90px');
submit.setStyle ('height', '20px');
submit.setStyle ('width', '80px');
document.write(submit);
</script>
</body>
</html>

I don't see any difference - the code fragments are exactly the same?

code is same but the css differs. the css used causes the problem.

button style in Internet Explorer 7.0

Post a reply:

Forum search