I have been trying to place a combobox that I using to a location. I can change the width and height but I can not change the left right bottom or top. How do you place a combobox. I will have more than one combobox and need to place each on so overriding the css is not going to work. Someone's help would be really appreciated. I tried using a class to set the top and left position but it does not work.
Here is the code:
<input class="easyui-combobox test" name="status" value="name"
data-options="valueField:'id',textField:'text',url:'data/combobox_data.json'">
.test {
position: absolute;
top: 139px;
left:400px;
}
I guess it is the 'textbox combo' class that needs to have the style left and top, but I'm not sure how set it. I have googled that heck of it and I cannot find and example or info on how to place a combobox as far as top and left position. Any help would be appreciated.
Changing the combo css works but that would change all combo boxes.
.combo {
position: absolute;
top: 139px;
left:400px;
white-space: nowrap;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
overflow: hidden;
vertical-align: middle;
}
I tried addClass to the combobox span so that is would add the top and left positions but it did not work either. I tried
'span:first' but that did not work at all.
$('#cc').combobox({
onLoadSuccess: function(){
$("span").addClass("c1");
}
});
.c1 {
position: absolute;
top: 139px;
left:400px;
}