0

In a DevExtreme web application all the editor widgets are relatively too big (e.g. dxCheckbox).

Can I scale down the widgets?

ekad
  • 14,436
  • 26
  • 44
  • 46
user2005634
  • 189
  • 5
  • 13

1 Answers1

0

For now all you can do is just use css to scale down widget size.

This fiddle shows how to do it for checkbox http://jsfiddle.net/tabalinas/uhamqm9k/

Use following styles

.dx-widget {
    font-size: 12px;    
}

.dx-checkbox-icon {
    width: 12px;
    height: 12px;
}

But I heard about plans on compact theme for webapps.

tabalin
  • 2,303
  • 1
  • 15
  • 27
  • Ok, I hope that compact theme is coming soon...Thanks! – user2005634 Jan 17 '15 at 11:07
  • What you could also try is following css `.dx-widget { transform: scale(.8); }`. The scale value here depends on you case. – tabalin Jan 18 '15 at 01:01
  • I have to make this work on IE9, so I find out -ms- prefix is needed: .dx-widget { -ms-transform: scale(.8); }. It works for a checkbox. Later I will test it with a more complex ui... Thanks for help! – user2005634 Jan 19 '15 at 15:00