html - showing textbox values limited in view

Question

I have textbox "Description". This values are stored in database and retrieve to show the details page like,

Here, Description is there. But there is something more thn 1000 characters they enter and store. It is not prominent to display all characters. so i want to show first line of the description only.

My view is:

<div class="fourth-line">
            Description: <%:item.Description %>
         </div>

Here, how will limit the characters?any idea?

Answer 1

Basically you have two options, to truncate the value on the server or hide part of the value on the client.

To truncate string on the server you can do something like this:

    Description: <%: 
                     item.Description.IndexOf("\n") > 0 
                     ? String.Format("{0}..", item.Description.Substring(0, 
                       item.Description.IndexOf("\n"))
                     : item.Description
                 %>

Or on the client, apply the ellipsis class

<div class="fourth-line ellipsis">
   Description: <%:item.Description %>
</div>

which could look like:

.ellipsis {
   white-space: nowrap;
   text-overflow: ellipsis; 
}