Extjs ButtonGroup is a flexible and full component based tabular menu, in default extjs gui theme it’s lookin as
You can override the “.x-btn-default-toolbar-large-menu-active, .x-btn-default-toolbar-large-pressed” style for real office style and it will be
The style :
0 1 2 3 4 5 6 7 | .x-btn-default-toolbar-large-menu-active, .x-btn-default-toolbar-large-pressed { /*original : background-image: -moz-linear-gradient(top, #bccfe5,#c5d6e7 48%,#95c4f4 52%,#9fc9f5);*/ background-image: -moz-linear-gradient(center top , #FFFAE1, #FFD66A 48%, #FCB743 52%, #FFF8B5); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFFAE1), color-stop(48%, #FFD66A), color-stop(52%, #FCB743), color-stop(100%, #FFF8B5)); background-image: linear-gradient(top, #FFFAE1,#FFD66A 48%,#FCB743 52%,#FFF8B5); border-color: #F9AE52; } |
