styling listgrid when filtereditor is active

[felipe_1]

Smart client version: v8.3p_2013-05-28 (2013-05-28)
Browser: Google Chrome 27.0.1453.94 m

What style do i have to set to prevent the "thick" line on top & bottom of the listgrid when setting the properties : showGridSummary & showFilterEditor ?

isc.ListGrid.create({
ID: "empselList",
width:"100%",
alternateRecordStyles:true,
headerHeight: 40,
showGridSummary:true,
summaryRowStyle: "cell",
frozenHeaderTitleStyle: "cell",
fields:[
{name:"idEmployee", title:"Employee", width:200, frozen:true},
{name:"idDaySchedule", title:"Dayschedule"},
{name:"idDayScheduleNew", title:"Current<br>dayschedule"},
{name:"idAbsence", title:"Absence", width:140},
{name:"from1", title:"From 1", width:60},
{name:"to1", title:"To 1", width:60},
{name:"from2", title:"From 2", width:60},
{name:"to2", title:"To 2", width:60},
{name:"from3", title:"From 3", width:60},
{name:"to3", title:"To 3", width:60},
{name:"from4", title:"From 4", width:60},
{name:"to4", title:"To 4", width:60},
{name:"total",title:"Worked<br>hours", width: 80, cellAlign:"right",align:"center", showGridSummary:true, summaryFunction:"sum"}
],
headerSpans: [
{ fields: ["idAbsence","from1", "to1", "from2", "to2", "from3","to3","from4","to4"],
title: "Registration" }
],
showFilterEditor: true,
filterOnKeypress: true
});

[Isomorphic]

The effect you're seeing here is the doubled up bottom border from the Summary Row component at the bottom of the grid and from the filter editor items at the top of the grid.

You could modify the styleName attribute applied to the listGrid (default is "listGrid") to refer to a CSS class with no border (or no top/bottom border), or provide similar customizations to the summaryRow autoChild using summaryRowProperties and possibly to the individual form items within the filterEditor, modifying their textBoxStyle using field level filterEditorProperties.

Regards
Isomorphic Software