combobboxitem picklist mouseover highlight height

Smart GWT Technical Q&A
1

smartgwt 2.4 + gwt 2.1.1

I have a ComboBoxItem that has a custom cellformatter, how do I get the mouseover highlight effect to cover the entire cell? see attached pic and code snippet.

		pickListProperties = new ListGrid(); 
		pickListProperties.setGenerateClickOnEnter(true);
		pickListProperties.setMinHeight(100);
		pickListProperties.setAutoFitData(Autofit.VERTICAL);
		pickListProperties.setAutoFitMaxHeight(300);
		CellFormatter placeFormat = new CellFormatter() {   	
                   @Override  
		   public String format(Object value, ListGridRecord record, int rowNum, int colNum) {  
				PlaceDataType type = PlaceDataType.valueOf(record.getAttribute("type"));
				String title = record.getAttribute("title");  
				String image = record.getAttribute("image");  
				String styleStr = "font-family:arial;line-height:25px;font-size:13px;white-space:nowrap;overflow:hidden;";  
				String retStr = "<table>" +  
					"<tr><td ><span style='" + styleStr + "width:33px;height:25px;float:left'><img width=33 height=25 src=\""+image+"\"><span></td>" +  
					"<td align='left'><span style='" + styleStr + "width:150px;float:left'>" + title + "<span></td></tr>" +  
					"</table>";  
return retStr; } };
		pickListProperties.setCellFormatter(placeFormat); 

		combobox.setPickListProperties(pickListProperties);
		combobox.setPickListHeight(300);
		combobox.setPickListWidth(width);
		combobox.setEmptyPickListHeight(100);

picklist.jpg
picklist.jpg238×326 23.1 KB

2

How can I affect the row height, with the class=“pickListCellSelected” as seen below?

<td align="left" height="16" class="pickListCellSelected" style="padding-top: 0px; padding-bottom: 0px; width: 232px;">
<nobr>
<table style="width: 150px; height: 25px;">
<tbody><tr>
<td><span style="font-family: arial; line-height: 25px; font-size: 13px; white-space: nowrap; overflow: hidden; width: 33px; height: 25px; float: left;">
<img width="33" height="25" src="eb_flag?binaryId=5130">
</span></td>
<td align="left">
<span style="font-family: arial; line-height: 25px; font-size: 13px; white-space: nowrap; overflow: hidden; width: 150px; float: left;">Puerto Rico</span>
</td></tr></tbody>
</table></nobr></td>
3

solved. that’s pretty obvious, should have found it sooner. thanks

pickListProperties.setCellHeight(25);