jQuery Grid Plugin - jqGrid - Topic: How to add color in a select field ? http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field Simple:Press Version 5.7.5.3 phicarre on How to add color in a select field ? http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p16715 Help http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p16715 Yes Tony, but the first idea was to build the data with the color, server side.

]]> Mon, 26 Apr 2010 16:48:20 +0300 tony on How to add color in a select field ? http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p16683 Help http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p16683 Hello,

The clear way IMHO (which work for me) is as follow:

Obtain your select via dataUrl option - the select can be something like this

<select id="s1">
<option class="red" value="1">2</option>
<option class="blue" value="4">3</option>
<option class="green" value="5">4</option>
</select>

Then define in the css:

<style>

    option.blue { color: blue;}
    option.green {color: green;}
    option.red {color:  red;}

</style

Regards

Tony

]]> Mon, 26 Apr 2010 13:48:26 +0300 phicarre on How to add color in a select field ? http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p16585 Help http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p16585 Oups !

Not perfect because, after the selection in the listbox, the textbox is not filled !

]]> Wed, 21 Apr 2010 19:12:08 +0300 phicarre on How to add color in a select field ? http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p15833 Help http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p15833 Hi Tony,

Perfect because no ":"  ...

Thank you.

Maybe an improvement for future release Confused

]]> Fri, 19 Mar 2010 13:13:54 +0200 tony on How to add color in a select field ? http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p15813 Help http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p15813 Hello,

This is not tested, but you can try to build the string like:

"item1:<font color='red'>item1</font>;item2:<font color='green'>item1</font>…."

Best regards

Tony

]]> Thu, 18 Mar 2010 13:31:43 +0200 phicarre on How to add color in a select field ? http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p15811 Help http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p15811 I tried this:

Modification of the string by including a style:

"item1 style='color:red ':item1;item2:item2;…itemn:itemn"

but jQGrid transforms this in:

<option value="item1 style='color">red</option><option value="'">item1</option> etc ...

because the : is a terminator !

]]> Thu, 18 Mar 2010 12:20:03 +0200 phicarre on How to add color in a select field ? http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p15704 Help http://www.trirand.com/blog/?page_id=393/help/how-to-add-color-in-a-select-field#p15704 A php script buids a list and the grid uses it like this:

var items= $.ajax(
    {
        url:'listofitems.php',
        async:false
    }).responseText;

The returned string has this structure:

"item1:item1;item2:item2;…itemn:itemn"

The column is defined like this:

{
        name:'reference',
        index:'reference',
        edittype:'select',
        editoptions:{value:items},
        editable:true 

 },

When the edit form is displayed I would like to see, for example, the odd items in red, the other ones in blue.

1) is it possible to "integrate" the color or the criteria in my script ?

2) and test in beforeshowform

Another solution is welcomed …

]]> Mon, 15 Mar 2010 16:42:04 +0200