<input name="color" type="color">

Questions<input name="color" type="color">
Lazaro Gustavo asked 4 years ago

Dear Abu. There is some possibility in phpGrid to show the color palette as shown in the screenshot that I send you. The color field is inside my table.

Attach : https://imgur.com/a/eVWAfyQ

3 Answers
Abu Ghufran Staff answered 4 years ago


For this and all other INPUT attributes, you can set them in editoptions. E.g.

$col = array();
$col[“title”] = “Client”;
$col[“name”] = “name”;
$col[“width”] = “100”;
$col[“editable”] = true;
$col[“editoptions”][“type”] = “color”; 
$cols[] = $col;

Abu Ghufran - Dev Team
Grid 4 PHP Framework
Gustavo Lazaro answered 4 years ago
Hello abu It helped me what you envy me, but the value does not save it in the table. What will be happening? Can you put a default color? Thank you

Abu Ghufran Staff answered 4 years ago


I tested more on it and Instead of above, you can use following column setting:

$col = array();
$col[“title”] = “gender”;
$col[“name”] = “gender”;
$col[“editable”] = true;
$col[“width”] = 500;
$col[“editoptions”][“dataInit”] = “function(o){setTimeout(function(){

jQuery(o).parent().append(‘<input type=color />’);
jQuery(o).parent().find(‘input[type=color]’).change(function(){ o.value=this.value; });

$cols[] = $col;

The datainit event is called when textbox is shown. We appended a color input, connect the values on change event and hides the text input.


Abu Ghufran - Dev Team
Grid 4 PHP Framework
Your Answer

10 + 11 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.

How useful was this discussion?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?