Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 321
  • Last Modified:

Gridview Display

Hi,

I have a gridview that is displayed, but the problem is some of the fields have too much content in them and would like prefer if it is possible to only show a small description of the data, and when user clicks on the row, it expands the data and displays it in full. As from normal load it is taking up to much of the browser screen.

Any help will be appreciated.

Regards,

introlux
0
introlux
Asked:
introlux
  • 7
  • 4
1 Solution
 
Pra4444Commented:
This example is probably what you are looking for...

http://aspnet.4guysfromrolla.com/articles/071107-1.aspx
0
 
introluxAuthor Commented:
I am looking more for the following example:

Name Description
Dave  He is a person and has....

When clicking on lets say a + icon will extend the info from ... to the full description in the field.

Does that make sense?

introlux
0
 
introluxAuthor Commented:
hi,

I have been told to do the following by other sources but do not understand.

- on the label for short description, just do something like... txtSource.Substring(0,50)+"..."
 - add the Bind("Column Name") to the label
As the data is dynamic (sql statements) the user will pick a redfined SQL statement but before doing this, the following check will need to be done:
- you'll need to check whether the column is there before binding

I hope this makes sense to anyone.

Regards,

introlux
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
Bob LearnedCommented:
There is a way to show text with an ellipsis, but you have to do some trickery to get this done.  I am looking back at some of might old ASP.NET stuff to find that way.
0
 
introluxAuthor Commented:
Any luck??
0
 
Bob LearnedCommented:
I couldn't find it, but I did find something similar:

Show Ellipsis Text in GridView
http://mytechissues.blogspot.com/2008/08/show-ellipsis-text-in-gridview.html
0
 
introluxAuthor Commented:
I have looked at this, but I cant seem to make any relevants to what im looking for.
0
 
Bob LearnedCommented:
1) Apply CSS style to the cell:

cell.Style["overflow"] = "hidden";
cell.Style["text-overflow"] = "ellipsis";

2) Set the table layout to fixed:
gv1.Style["TABLE-LAYOUT"] = "fixed";

3) Turn off word-wrap:
cell.Wrap = false;

0
 
introluxAuthor Commented:
Hi TheLearnedOne,

You have lost me! I am not sure how I will embed this with a standard gridview that is created on front code. Soz but very confused!

Regards,

introlux
0
 
Bob LearnedCommented:
My friend, the article shows you the code that you need to use, and I was trying to show you the important pieces of that code, so how can I help remove your confusion.

You should be able to copy the code from your, and make it fit pretty easily into your project, or a sample project (so that you can make sure the effect works before adding it to your project).
0
 
introluxAuthor Commented:
Yes! Got it working - Just needed to break it down slowly lol - Was rushing for the an end result :-)

The thing is when hovering over the text, it will show all the txt via tooltip text. I would prefer to have + button on the side to expand and display the extra text.

Is this possible?
0
 
introluxAuthor Commented:
Also on the tooltip text displays breaks like (20%) which is not clear for a novice user to what this is meant.

Regards,

introlux
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

  • 7
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now