Listview Appearance key issue

0
0

Hi,
I have found a possible bug on listview appearance key.
In a mixin thema I set custom backcolor and textcolor of rows of listview.

“appearances”: {
“mylistview”: {
“inherit”: “listview”,
“components”: {
“grid-row”: {
“states”: {
“default”: {
“styles”: {
“backgroundColor”: “#FFFFFF”
},
“properties”: {
“textColor”: “#3D3D3D”
}
},
“selected”: {
“styles”: {
“backgroundColor”: “#23B14D”
},
“properties”: {
“textColor”: “#FFFFFF”
}
}
}
}
}
}
}

When I set in my listview AppearanceKey=mylistview, the thema not change.
Any suggestion?
I have attached a little exemple.
Thanks.

 

  • You must to post comments
0
0

The appearance key of rows and other child elements is not overridden by the container’s appearance key name since the name of the style is set in the javascript code (https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.listview.GridView.js line 389). You can override it directly using the theme path “listview/grid-row”. In your sample it would be the code below. In alternative you can always clone a theme and change it. To experiment use the theme designer and load your application in the browser tab.
“appearances”: {

“listview/grid-row”: {
“states”: {
“default”: {
“styles”: {
“colorBottom”: “table-row-line”,
“backgroundColor”: “#FFFFFF”
},
“properties”: {
“textColor”: “#3D3D3D”
}
},
“selected”: {
“styles”: {
“backgroundColor”: “#23B14D”
},
“properties”: {
“textColor”: “#FFFFFF”
}
},
“borderNone”: {
“styles”: {
“widthBottom”: 0
}
},
“borderVertical”: {
“styles”: {
“widthBottom”: 0
}
},
“borderBoth”: {
“styles”: {
“widthBottom”: 1
}
},
“borderHorizontal”: {
“styles”: {
“widthBottom”: 1
}
}
}
}

}

  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.