Solved

Formatting templates in a datalist not working - please help

Posted on 2004-07-30
7
303 Views
Last Modified: 2008-02-26
Hi There

I'm trying to format the display of my header in this datalist and I can't seem to apply header or item style to any templates, what am I doing wrong?

Sean

      <asp:DataList id="modify_listings"
   runat="server"
   BorderColor="#DEBA84" BorderStyle="None"
   CellSpacing="2" BackColor="#DEBA84"
   CellPadding="3" GridLines="Both" BorderWidth="1px"
   AlternatingItemStyle-BackColor="pink">
               
                        <AlternatingItemStyle Font-Underline="True" Font-Bold="True" BackColor="Red"></AlternatingItemStyle>
                        <ItemStyle Font-Names="Arial Narrow" Font-Bold="True"></ItemStyle>
                        <HeaderStyle Font-Bold="True" BorderColor="Green"></HeaderStyle>
             
               
<HeaderTemplate><tr><td>Modify</td><td>Price</td><td>Manufacturer</td><td>Listed Date</td><td>Listing</td><td>Status</td><td>Sold Items</td></tr></HeaderTemplate>
            
0
Comment
Question by:bullrout
7 Comments
 
LVL 9

Expert Comment

by:crescendo
ID: 11683187
What are you using to write your app? Most visual tools (Web Matrix, Visual Studio etc) have a built in facility for setting the styles on headers/footers etc, which is much easier than coding your own HTML.
0
 
LVL 9

Assisted Solution

by:crescendo
crescendo earned 165 total points
ID: 11685107
Looking at what you've shown, there's no  </asp:DataList> tag. Was that omitted when you posted the question, or is it missing in your code?
0
 
LVL 17

Assisted Solution

by:AerosSaga
AerosSaga earned 165 total points
ID: 11685517
just put the style sheet in the header of the aspx page, and set the css property of the datalist to the name of the stylesheet.

Regards,

Aeros
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 5

Author Comment

by:bullrout
ID: 11686302
Hi There,

The  </asp:DataList> is there I must have missed it with the cut & paste. I will try the style sheet idea, thanks.

sean
0
 
LVL 5

Author Comment

by:bullrout
ID: 11687041
Hi There,

I am still having an issue the formatting of my datalist, how can I get the container items to appear as columns? Do I have to use a table row & td tags or are there specific properties that I can apply to the datalist in order to format it like below? I need to use the alternatingitem style in my list and it does not seem to work when I use table tags in the itemtemplates.

Sean

<tr><td> col1</td><td> col2</td><td> col3</td><td> col4</td></tr>
                                    
<ItemTemplate>
                                          
                                <asp:HyperLink id="HyperLink3" style="font-size:xxsmall" Text='Modify' NavigateUrl='<%# "edit_listings.aspx?ListingID=" & DataBinder.Eval(Container.DataItem, "ListingID")%>' runat="server" /><br />
                 
                                <%# DataBinder.Eval(Container.DataItem, "listprice","{0:c}")%><br />
                 
                                <%# DataBinder.Eval(Container.DataItem, "manufacturer") %><br />
                             
                                <%# DataBinder.Eval(Container.DataItem, "listeddate","{0:dd-MM-yy}") %><br />
                        
                                <%# DataBinder.Eval(Container.DataItem, "formname") %><br />
                                <%# DataBinder.Eval(Container.DataItem, "status") %><br />
                               <asp:HyperLink id="HyperLink1" style="font-size:xxsmall" Text='Item Sold?' NavigateUrl='<%# "processrequest.aspx?I=1&ListingID=" & DataBinder.Eval(Container.DataItem, "ListingID")%>' runat="server" />
                                          
                                    </ItemTemplate>
                  </asp:DataList>
0
 
LVL 21

Accepted Solution

by:
tovvenki earned 170 total points
ID: 11691274
Hi,
try like the following code snippet
<asp:DataList ID="dtlPublishers" Runat="server" ItemStyle-BorderWidth="1">
  <HeaderTemplate>
    <table width="760px" cellspacing="0" cellpadding="0">
      <tr class="tablehead">
        <th align="left" width="25%">Name</th>
        <th align="left" width="25%">City</th>
        <th align="left" width="25%">State</th>
        <th align="left" width="25%">Country</th>
      </tr>
    </table>
  </HeaderTemplate>
  <ItemTemplate>
    <table width="760px" cellspacing="0" cellpadding="0">
      <tr class="tablebody">
        <td width="25%"><%# DataBinder.Eval(Container.DataItem, "pub_name") %></td>
        <td width="25%"><%# DataBinder.Eval(Container.DataItem, "city") %></td>
        <td width="25%"><%# DataBinder.Eval(Container.DataItem, "State") %></td>
        <td width="25%"><%# DataBinder.Eval(Container.DataItem, "Country") %></td>
      </tr>
    </table>
  </ItemTemplate>
</asp:DataList>

Hope that this helps you

regards,
venki
0
 
LVL 5

Author Comment

by:bullrout
ID: 11694837
I ended up using a datagrid, I stupidly assumed that because I had custom paging that a datagrid did not support this method. I am only relatively new to asp .net and I guess the only way you learn is by doing!

Thanks for all the help anyway everyone.

Sean
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …
The Email Laundry PDF encryption service allows companies to send confidential encrypted  emails to anybody. The PDF document can also contain attachments that are embedded in the encrypted PDF. The password is randomly generated by The Email Laundr…

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question