Question

I have a select field where my option value is more than around 250 characters,and that is why users are not able to read the value in the select box.

Is there any way to make the select as horizontal scrolling or can i wrap the text.

Answer 1

Here Is My Filter Select and a span Node which will act as dumy pane for the drop down.

<span dojoAttachPoint="dumyPane" style="z-index: 1; position: absolute; float: none; margin-left: 20px; margin-top: 10px;">
<input type="text" dojoType="dijit.form.FilteringSelect" dojoAttachPoint="myDrop" size="50" style="width:400px;"> 

Below is the code snippet to append my dropdown node to a the dumypane.

dojo.connect(myDrop, "openDropDown", this, function(val){
  dojo.connect(myDrop.dropDown, "onClick", this, function(){

 if(typeof  myDrop.dropDown != "undefined" &&  myDrop.dropDown !=null){         
    myDrop.setDisplayedValue(event.srcElement.innerText);                                               
    }

   });
     if(typeof  myDrop.dropDown != "undefined" &&  myDrop.dropDown !=null){ 
        var ddNode = myDrop.dropDown.domNode;                           
    dojo.style(ddNode,{overflowX: "scroll",overflowY: "scroll",width: "400px",height: "100px"});

   dumyPane.appendChild(ddNode);
    }

});