Search code examples
javascriptdojo

How to set width to dojox/form/CheckedMultiSelect?


I have this following code in dojo which is using dojox/form/CheckedMultiSelect:

var checkedMultiSelect = new CheckedMultiSelect ({
    id:"something",
    dropDown: true,
    multiple: true,
    labelText:"something",
    store: dataStore,
    style : {width:"240px"} // this doesn't work
}, "placeholder");

How do I set a width to this widget?

I use dojo 1.9


Solution

  • Check out this fiddle:

    http://jsfiddle.net/phusick/qrSWu/

    stolen from this post:

    Dojo CheckedMultiSelect text wrap and horizontal scrolling

    You have to overwrite some css styles...

    .narrow .dojoxCheckedMultiSelectWrapper {
        width: 200px;
    }