Loading...

RE: qListView – Grouped Item Style

RE: qListView – Grouped Item Style

#7480
Anonymous
Anonymous
Participant

Hi

n

 

n

I think you could use the external CSS to achieve that. You can use below steps as a workaround:

n

 

n

    n

  1. Drag a HTML Form web part into the page.
  2. n

  3. Edit this web part, click ‘Source Editor’, input below JavaScript:
  4. n

n

<script>

n

$telerik.$(function(){

n

$telerik.$('.rgGroupHeader').css('background-color', 'red');

n

$telerik.$('td.rgGroupCol').css('background-color', 'red');

n

});

n

</script>

n

3. Save it, and hide this web part by clicking the 'Hidden' check box.

n

 

n

After the page refresh, this script will scan the page and find the 'rgGroupHeader' and ‘rgGroupCol’ under the ‘td’ tag, then add the background color style to them. This example is change the background color to red, you can change it to any style according to your case.

n