3.0.4

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.
January 30,
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).
Alex (ActiveWidgets)
January 30,
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>
<!--
<link rel='stylesheet' type='text/css' href='../ActiveWidgets/source/styles/xp/aw.css'></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>






jyothi
March 5,
I don't see any difference - the code fragments are exactly the same?
Alex (ActiveWidgets)
March 5,
code is same but the css differs. the css used causes the problem.
jyothi
March 13,

This topic is archived.

See also:


Back to support forum