Hello, I'm wondering if there is a CSS attribute that will allow one to put the cursor on the textbox and navigate to the end of the text, so one can see the whole text value?
I tried the text-overflow: ellipisis below,
but that didn't seem to take and i've attached a zip file with a snap shot of the textboxes, so any pointers would be greatly appreciated!
thank you!
<script type="text/x-kendo-template" id="bip-template">
<div class="bip-container">
<table class="bip-table" cellpadding="0" cellspacing="0">
……………………………………………
……………………………………………………….
……………………………………………………………………………
<td width="9%" class="lbl-text">Last Name:</td>
<td width="16%">
<input class="k-textbox.large" type="text" disabled="disabled" style="width:100%" data-bind="value: bipVm.lastName" />
</td>
<td width="9%" class="lbl-text">First Name:</td>
<td width="16%">
<input class="k-textbox.large" type="text" disabled="disabled" style="width:100%" data-bind="value: bipVm.firstName" />
</td>
………………………..……………………………………………
……………………………………………………….….
……………………………………
<style>
[class~="k-textbox.large"]
{
width:
300px;
border:
none;
font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
font-size:
11px;
white-space: nowrap;
text-overflow:
ellipsis;
overflow:
hidden;
}
</style>
locdir