Solved

Create A RadiobuttonList with Images Asp.net 2.0

Posted on 2009-06-29
12
323 Views
Last Modified: 2012-06-27
I am populating a radiobuttonlist from my database. I would like to add images by each radiobutton populated. Can someone show me how to do this?
0
Comment
Question by:npl77
  • 6
  • 6
12 Comments
 
LVL 41

Expert Comment

by:guru_sami
Comment Utility
How are you dataBinding your RBL?
Here is a link trying to do that:
http://aspdotnetcodebook.blogspot.com/2008/09/howto-display-radiobuttonlist-with.html

Other option is to use a DataBound Control like GV/Repeater and place a RadioButton and an Image Control.
0
 

Author Comment

by:npl77
Comment Utility
Im not sure how to implement the example in the url. This is how I am populating the radiolist...

 if (!IsPostBack)

            {

                dt = BMHAccess.GetProducts();

                PopulateList(RadioButtonList1, dt);

               

            }
 

private void PopulateList(RadioButtonList list, DataTable products)

    {

        list.DataSource = products;

        list.DataTextField = "Name";

        list.DataValueField = "ProductId";

        list.DataBind();
 

    }

Open in new window

0
 
LVL 41

Expert Comment

by:guru_sami
Comment Utility
From where does the image come?
i.e. how do you get url to your image?
0
 

Author Comment

by:npl77
Comment Utility
I have the images folder in my application. I dont know if I should store them somehow in my db or what
0
 
LVL 41

Accepted Solution

by:
guru_sami earned 500 total points
Comment Utility
Yes ..you will need some mapping between the images and corresponding products.
So say you have a column imageFileName in your DataTable then your PopulateList function should look like this:
 private void PopulateList(RadioButtonList list, DataTable dt)
    {
        for (int i = 0; i < dt.Rows.Count; i++)
        {
           // here 'images' corresponds to the folder in your application
            string imgsrc = "images/" + dt.Rows[i]["imageFileName"].ToString();;
            string value = dt.Rows[i]["ProductId"].ToString();
            list.Items.Add(new ListItem(String.Format("<img src=\"{0}\">", imgsrc), value));
        }
    }

Note: you cannot display the Name here.
0
 

Author Comment

by:npl77
Comment Utility
I cannot display the name? how can I display the name? I want it to look....
image "space" [ProductName]
0
Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 

Author Comment

by:npl77
Comment Utility
ok I almost got it!
this displays correctly
 list.Items.Add(new ListItem(String.Format("<img src=\"{0}\">" +  " "+dt.Rows[i]["Name"].ToString(), imgsrc), value));

but now my string manipulation is wrong... because of this ("<img src=\"{0}\"> stuff can you help me fix this string manipulation to correspond witn what I got



        string sFormat = RadioButtonList1.SelectedItem.ToString();

        string[] nameprice;

        nameprice = sFormat.Split('-');
 

        btnTodaysSelections.ItemName = nameprice[0].TrimEnd();

        btnTodaysSelections.ItemNumber = RadioButtonList1.SelectedValue;

        btnTodaysSelections.Amount = decimal.Parse(nameprice[1].Substring(2));

Open in new window

0
 
LVL 41

Expert Comment

by:guru_sami
Comment Utility
Is the above code working?
0
 
LVL 41

Expert Comment

by:guru_sami
Comment Utility
Try like this ...
list.Items.Add(new ListItem(String.Format("<img src=\"{0}\">", imgsrc) + dt.Rows[i]["Name"].ToString(), value));
0
 

Author Comment

by:npl77
Comment Utility
the data the SelectedItem is giving me is now...
<img src="images/AnImage1.gif"> Monthly Subscription - $29.95

I need string manipulation code to get rid of <img src="images/AnImage1.gif">
0
 

Author Closing Comment

by:npl77
Comment Utility
I got it thank you
0
 
LVL 41

Expert Comment

by:guru_sami
Comment Utility
oh i see what you mean:
try this:
     char[] ch = {'>','-'};
       string[] s1 = s.Split(ch);      
        string itemname = s1[1];
        string amount = s1[2];
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Sending a Secure fax is easy with eFax Corporate (http://www.enterprise.efax.com). First, Just open a new email message.  In the To field, type your recipient's fax number @efaxsend.com. You can even send a secure international fax — just include t…
This video gives you a great overview about bandwidth monitoring with SNMP and WMI with our network monitoring solution PRTG Network Monitor (https://www.paessler.com/prtg). If you're looking for how to monitor bandwidth using netflow or packet s…

763 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

Need Help in Real-Time?

Connect with top rated Experts

7 Experts available now in Live!

Get 1:1 Help Now