Hello, i've tried the various css changes i've listed further below to try an get the more of the text values to show in a read only textbox and there appears to be plenty of space left, but its not being used by the textbox, please see attachement for the screen shot, so is there a way to make the textbox show about 30% more of the value on the screen, thanks very much!
<
td
width
=
"9%"
class
=
"lbl-text"
>Position:</
td
>
<
td
width
=
"16%"
>
<
input
class
=
"k-textbox.large"
type
=
"text"
disabled
=
"disabled"
style
=
"border:none"
data-bind="value:
bipVm.positionEmp" />
</
td
>
<
td
width
=
"9%"
class
=
"lbl-text"
>Description:</
td
>
<
td
width
=
"16%"
>
<
input
class
=
"k-textbox.large"
type
=
"text"
disabled
=
"disabled"
style
=
"border:none"
data-bind="value:
bipVm.description" />
</
td
>
<
td
width
=
"9%"
class
=
"lbl-text"
>Division:</
td
>
<
td
width
=
"16%"
>
<
input
class
=
"k-textbox.large"
type
=
"text"
disabled
=
"disabled"
style
=
"border:none"
data-bind="value:
bipVm.divisionNameEmp" />
</
td
>
<
td
width
=
"9%"
class
=
"lbl-text"
>Agency:</
td
>
<
td
width
=
"16%"
>
<
input
class
=
"k-textbox.large"
type
=
"text"
disabled
=
"disabled"
style
=
"border:none"
data-bind="value:
bipVm.agencyNameEmp" />
</
td
>
/*.k-textbox,*/
.k-textbox {
overflow: hidden;
white-space: nowrap;
}
.k-textbox.medium{
width: 200px !important;
}
.k-textbox .large {
width: 320px !important;
}
.wide-full {
width: 100%;
}