E:\web\learnaspcom\htdocs\freebook\learn\ubtoc.xml LearnAsp.com - ASP ASP.net Free Lessons
Search Search

#1 worldwide
FREE Coding Lessons
since 1996
   THE BEST WAY to learn ASP & Asp.net!
Advertise Here!
click for details 		Credits Host:
DiscountASP.net 		Server Admin:
The "Team" 		Contact Info.
Charles M. Carroll 		<Asp.net blog>
<personal site>
xxx

Creating a rich HTML dropdown list (including images) with EasyListBox
by Peter Brunone

This example shows how to generate a standard dropdown list that makes use of custom styling and HTML items... including images.

Image tags can be added right in with the text, whether the values come from hard-coded ListItems (as shown in this example) or from database fields.

   filename=/experiments/easylistbox/elb_html.aspx

<Test Script Below>

 

<%@ Page Language="VB" EnableViewState="False" %>
<%@ Register TagPrefix="ELB" Namespace="ELB" Assembly="EasyListBox" %>
<script runat="server">

    Sub Page_Load(Src As Object, E As EventArgs)
         If Page.IsPostBack Then
             litCountryName.Text = "Selected: " & customDemo.SelectedValue & " / " & customDemo.SelectedText
         End If
    End Sub

</script>
<html>
    <head>
    <title>Custom HTML and image demo by EasyListBox.com</title>
    </head>
    <body bgcolor="white">
        <form id="mainForm" runat="server" EnableViewState="false">
                    <ELB:EasyListBox id="customDemo" Height="100px" Width="200px" runat="server"
         SelectedValue="usa"
         ButtonHeight="20" ButtonWidth="18" ListBorderStyle="inset" ArrowColor="beige" ButtonColor="#a06030"
         Background="skyblue" TextColor="black" RollTextColor="black" RollBGColor="#ddddaa">
            <ListItem value="brazil"><img src='images/flags/brazil.gif'>&nbsp;<b>B</b>razil</ListItem>
            <ListItem value="canada"><img src='images/flags/canada.gif'>&nbsp;<b>C</b>anada</ListItem>
            <ListItem value="china"><img src='images/flags/china.gif'>&nbsp;<b>C</b>hina</ListItem>
            <ListItem value="italy"><img src='images/flags/italy.gif'>&nbsp;<b>I</b>taly</ListItem>
            <ListItem value="japan"><img src='images/flags/japan.gif'>&nbsp;<b>J</b>apan</ListItem>
            <ListItem value="norway"><img src='images/flags/norway.gif'>&nbsp;<b>N</b>orway</ListItem>
            <ListItem value="portugal"><img src='images/flags/portugal.gif'>&nbsp;<b>P</b>ortugal</ListItem>
            <ListItem value="russia"><img src='images/flags/russia.gif'>&nbsp;<b>R</b>ussia</ListItem>
            <ListItem value="spain"><img src='images/flags/spain.gif'>&nbsp;<b>S</b>pain</ListItem>
            <ListItem value="switzerland"><img src='images/flags/switzerland.gif'>&nbsp;<b>S</b>witzerland</ListItem>
            <ListItem value="turkey"><img src='images/flags/turkey.gif'>&nbsp;<b>T</b>urkey</ListItem>
            <ListItem value="uk"><img src='images/flags/uk.gif'>&nbsp;<b>U</b>nited <b>K</b>ingdom</ListItem>
            <ListItem value="usa"><img src='images/flags/usa.gif'>&nbsp;<b>U</b>nited <b>S</b>tates of <b>A</b>merica</ListItem>
            </ELB:EasyListBox>
        <br />
        <input type="submit" value="Submit Form" />
        <br /><br />
        <asp:Literal id="litCountryName" runat="server" />
        </form>
    </body>
</html>
Send Us a Holiday Gift!. Charles celebrates Christmas, Jewish holidays, Kwanza, Chinese New Year, Japanese Holidays, Secretary Day, High Muslim Holy Days, Pagan & Wicca holidays, and many more! - send a gift any HOLIDAY. 2004 gift gallery & 2005 gift gallery