Button with grayscale backgroup


May I know how I can change the button background from blue to grayscale (as in picture)?

{ view:"button", type:"round", label: 'Sign In', click:"login_user" }



Each control supports “css” attribute - className that is applied to its parent.

{ view:“button”, type:“round”, label: ‘Sign In’, css:“gray”, click:“login_user” }

To define style of input of a this button you need to use .gray .dhx_el_roundbutton input class:

.gray .dhx_el_roundbutton input{ background: -webkit-gradient(linear, left top, left bottom, from( #FDFDFD ),to( #DFDFDF )); background: -moz-linear-gradient(top, #FDFDFD, #DFDFDF ); color: #6E6E6E; text-shadow:none; }

Dear Alexandra,

I add the following lines to make the button change color when pressed, but couldn’t make it work, may I know anything else I need to add?

.gray .dhx_el_roundbutton input:focus{
	outline: none 0;

.gray .dhx_el_roundbutton input::-moz-focus-inner{
	border : 0;

You can use the next css class for the styling input in the pressed state

.gray.dhx_touch .dhx_el_roundbutton input