Click here to Skip to main content
15,867,594 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
Click to view image[^]

I am developing a automated result sheet for my college and I have provided the link of the screen shot of result sheet. I will try my level best to explain you. All the data which you are seeing in the image has to be populated from the database. As you can see from the image there are 5 subjects(P11MCA51,P11MCA52,...,P11MCA55). Each Subject has 6 fields(C,S,T,CR,GP and GR). So my question is what do I need to use to develop the exact replica of the attached image so that I will be able to populate data from database to it. If you need more information, please reply back.
Thank you.
Posted
Updated 18-Mar-15 4:54am
v2
Comments
PIEBALDconsult 18-Mar-15 10:45am    
Any image editing software should allow you to copy the image.
partha143 18-Mar-15 10:52am    
No no I do not want to edit. But I want to develop an webpage, where I can populate respective subject marks data from database. I cannot use DataGridView as there are 6 field under one header field. Please help

1 solution

You can create a pdf and then make it an image

1.Export gridview to pdf
http://www.aspsnippets.com/Articles/How-to-export-GridView-data-to-PDF-file-in-ASPNet.aspx[^]

2. Making a pdf to image
Convert a PDF into a Series of Images using C# and GhostScript[^]

I thing your result will be achieved.
 
Share this answer
 
Comments
partha143 19-Mar-15 1:25am    
Thanks a lot for your solution Arkadeep. As you can see from the image, I have 5 columns(P11MCA51,...,P11MCA55) and each column has 6 fields under it. I really dont know how to achieve the design with gridview. Can you please provide me with some information with the design of gridview. Thank you.
Arkadeep De 19-Mar-15 10:29am    
My recent project has this kind of problem. But in case of mine the subjects are fixed. So if you can fixed the subjects over one heading. and other sub headings in just bellow of the heading. and bellow that took a grid view to display the all data.

So its like within a table first tr is heading, second tr is sub heading and third tr is the gridview. now set the colspan as per your column.
Got it?
partha143 19-Mar-15 11:03am    
Thanks for your reply Arkadeep. I got it. Even I have those 6 fields fixed as subject in your case. Can you please tell me how to set the range of column in colspan? As you can see the image, 1st 2 column are for Name and USN. So I have to specify the range of column like from column 3 to col 7. How can I do that?
Arkadeep De 19-Mar-15 13:34pm    
Parth its a simple HTML table design. Just make the design with tr td and carefully handle rowspan and col span. its nothing else.
You can follow this image.
https://app.box.com/s/hz44hg5f4rkvk4sxo6wnla5b7w6go5ov
partha143 19-Mar-15 14:18pm    
Arkadeep, I know I am bothering you a lot, but I followed your suggestion and I could only come out with this :
<pre>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns = "false"
Width="609px">
<HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />
<columns> <asp:BoundField HeaderText="Usn" ReadOnly = "true"/>
<asp:BoundField HeaderText="Name" ReadOnly = "true"/>
<asp:TemplateField>
<HeaderTemplate>
<th colspan = "4" rowspan = "1"> Caption </th>
<tr>
<th> 1st </th>
<th> 2nd </th>
<th> 3rd </th>
<th> 4th </th>
<th> 5th </th>
<th> 6th </th>
</tr>
</HeaderTemplate>



<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns = "false" CssClass = "gvAltRow td"
Width="609px">
<HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />
<columns> <asp:BoundField HeaderText="Usn" ReadOnly = "true"/>
<asp:BoundField HeaderText="Name" ReadOnly = "true"/>
<asp:TemplateField>
<HeaderTemplate>
<th colspan = "4" rowspan = "1"> Caption </th>
<tr>
<th> 1st </th>
<th> 2nd </th>
<th> 3rd </th>
<th> 4th </th>
<th> 5th </th>
<th> 6th </th>
</tr>
</HeaderTemplate>



</pre>
Image Link : "https://plus.google.com/photos/105587850868503389652/albums/6128012171568696417/6128012185228995986".
I some how want the 1st and 2nd to start from 3 column and also the thin line after the 3rd column which extends till the header text to be removed. Please help me with this tiny problem. Thank you

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900