Background Color or Font Color in Group

[gstockrBlocked]

Peter:

I want to display nice background color or font color in group line:

I have tried the following in “var source” (I copied your demo code). Please notice I modified a little bit in parameter of ‘group’. It does show highlight but not full in the whole column. Just only over the words.

{ html: "<div style='padding: 1px'><div>World Sam Pizza</div><div>Page: 1</div></div>", title: "Do the Work", group: "<div style='background:blue'>Test 1</div>" },

What is the method that I can use to establish the color in group lines?

Patrick

[Peter StoevKeymaster]

Hi Patrick,

The Group’s header’s size is set to ‘auto’ in the current version. We will add an option to jqxListBox, for the next version. At present, you can manually set the Group’s header size by using a code like this:

var source = [
    {html: "<div tabIndex=0 style='padding: 1px;'><div>Title: Do the Work</div><div>Author: Steven Pressfield</div></div>", title: "Do the Work", group: "Business", groupHtml: "<div style='padding-top: 10px; padding-bottom: 10px; width: 270px; background: Red; color: Blue;'>Business</div>" },
];  

Best Regards,
Peter Stoev

[Author]

Posts