:: Forum >>

text in combo box inside grid on FF got chopped off

i have a combo box inside a grid that has a high row height. on IE 7 it works great. on Firefox 2 the combo text is half cut off.

here is a screen shot:

is there any alignment settings that i am missing? i am using AW 2.5.2 trial version.

Wednesday, July 16, 2008
it can easily be reproduced by modifying the example in quickref:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>ActiveWidgets Examples</title>

<!-- fix box model in firefox/safari/opera -->
<style type="text/css">
.aw-quirks * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

body {font: 12px Tahoma}

<!-- include links to the script and stylesheet files -->
<script src="../../runtime/lib/aw.js" type="text/javascript"></script>
<link href="../../runtime/styles/system/aw.css" rel="stylesheet">

<style type="text/css">

#myGrid { width: 550px}
#myGrid .aw-grid-row {height: 20px; border-bottom: 1px solid #ccc}

/* box model fix for strict doctypes, safari */
.aw-strict #myGrid .aw-grid-row {padding-bottom: 3px;}

/* #myGrid .aw-row-1 {color: blue} */

/* Alternate row colors */
#myGrid .aw-alternate-even {background: #fff;}
#myGrid .aw-alternate-odd {background: #eee;}

#myGrid .aw-alternate-even .aw-column-1 {background: #eee;}
#myGrid .aw-alternate-odd .aw-column-1 {background: #ddd;}

/* Highlight on mouseover, mousedown */
/* #myGrid .aw-mouseover-row {background: #ccc;} */
/* #myGrid .aw-mousedown-row {background: #999;} */

/* #myGrid .aw-mouseover-row .aw-column-1 {background: #bbb;} */
/* #myGrid .aw-mousedown-row .aw-column-1 {background: #888;} */

/* Selected rows */
#myGrid .aw-rows-selected {background: #316ac5;}
#myGrid .aw-rows-selected .aw-column-1 {background: #316ac5;}


#myGrid .aw-column-0 {width: 50px; border-right: 1px dotted #ccc;}
#myGrid .aw-column-1 {width: 150px; border-right: 1px dotted #ccc;}
#myGrid .aw-column-2 {text-align: right}
#myGrid .aw-column-3 {text-align: right}
#myGrid .aw-column-4 {text-align: right}

/* box model fix for strict doctypes, safari */
.aw-strict #myGrid .aw-column-0 {padding-bottom: 3px;}
.aw-strict #myGrid .aw-column-1 {padding-bottom: 3px;}

#myGrid .aw-grid-headers {color: blue}
#myGrid .aw-grid-headers .aw-column-1 {font-weight: bold}

/* Highlight on mouseover, mousedown */
#myGrid .aw-mouseover-header {color: red;}
#myGrid .aw-mousedown-header {color: yellow;}

#myGrid .aw-header-1 {background: #def}


<script type="text/javascript">

var myData = [
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "Lots"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "Lots"],
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "Lots"],
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "Huge"],
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "Lots"],
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "Lots"],
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "Lots"],
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "Lots"],
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "Lots"],
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "Very few"],
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "Lots"],
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "Lots"],
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "Huge"],
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "Huge"],
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "Huge"],
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "Huge"],
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "Huge"],
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "Huge"],
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "Huge"],
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "Huge"]

var myHeaders = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"];
var content = ["Lots", "Huge", "Gigantic", "Few", "Very few", "None" ];


<script type="text/javascript">

var obj = new AW.Grid.Extended;

obj.setId("myGrid"); // necessary for CSS rules

obj.setCellText(myData); // 2-dimensional js array

obj.setHeaderText(myHeaders); // js array (see top of this page)



obj.setSelectorText(function(i){return this.getRowPosition(i)+1});

for (var i=0; i<20; i++)
var list = new AW.UI.List;
obj.setCellTemplate(new AW.Templates.Combo, 4, i);
obj.setPopupTemplate(list, 4, i);
obj.setCellEditable(false, 4, i);



Thursday, July 17, 2008
Sorry, this is a bug in AW 2.5.2. Add the following CSS to fix it -

.aw-all .aw-combo-box .aw-item-text {
    line-height: 1.4em;
Alex (ActiveWidgets)
Friday, July 18, 2008
Fixed in AW 2.5.3 -

Alex (ActiveWidgets)
Tuesday, September 9, 2008

This topic is archived.

Back to support forum

Forum search