events calendar issue - image not showing

Question

User1216627406 posted

Greetings again mates,

We  have calendar of events.

If it is birthdate, show the title, color designated for birthday and birthdate image.

The only thing showing is the title and nothing else.

What am I doing wrong?

                <ItemTemplate>
                    <a href='#' OnClick="javascript:window.open('admin/eventDetail.aspx?id=<%# Container.DataItem("EventID") %>','EventsDetail','width=800,height=600;toolbar=no;');" & ">                    
                        <img  alt="" src='images/<%# Container.DataItem("CategoryImage") %>' height="12" width="12" align="absmiddle" border="0" /><br />
                        <font color='<%# Container.DataItem("CategoryColor") %>'>
                            <%# Container.DataItem("EventTitle") %>
                        </font>
                    </a>            
                </ItemTemplate>

Answer 1

User-271186128 posted

Hi simflex,

According to your code, I create a sample using the following code, it seems that everything works well. I suggest you can use F12 developer tools to check the image src attribute.

 <a href='#' onclick="javascript:window.open('admin/eventDetail.aspx?id=<%# Eval("ID") %>','EventsDetail','width=800,height=600;toolbar=no;');" & ">                    
          <img  alt="" src='images/<%# Eval("CategoryImage") %>' height="12" width="12" border="0" /><br />
          <font color='<%# Eval("Name") %>'>
                            <%# Eval("Name") %>
                        </font>
 </a>     

Code behind:

        protected void Page_Load(object sender, EventArgs e)
        {
            DataTable dt1 = new DataTable();
            dt1.Columns.AddRange(new DataColumn[4] { new DataColumn("Id", typeof(int)),
                        new DataColumn("Name", typeof(string)),
                        new DataColumn("Category",typeof(string)),
                        new DataColumn("CategoryImage", typeof(string))});
            dt1.Rows.Add(1, "John Hammond", "UnitedStates", "image1.png");
            dt1.Rows.Add(2, "Sam", "India", "image2.png");
            dt1.Rows.Add(3, "Suzanne Mathews", "Russia", "image3.png");
            dt1.Rows.Add(4, "Robert Schidner", "Russia", "image4.png");

            GridView2.DataSource = dt1;
            GridView2.DataBind();
        }

You can also try to use the following path:

src='../Images/<%# Eval("CategoryImage") %>'

Best regards,
Dillion

Answer 2

User1216627406 posted

Thank you very much.

It is working well now.