2015-01-20 2 views
0

Мне нужно расположить RabioButtons с изображениями. но я не знаю, как это сделать. Как я могу достичь макета, подобного тому, который изображен с помощью ASP.Net RadioButtons и HTML/CSS.Как расположить ASP.Net RadioButtons с изображениями?

enter image description here

+0

возможный дубликат [как создать переключатель с изображениями] (http://stackoverflow.com/questions/7086098/how- to-create-radio-button-with-images) –

+0

Но это HTML RadioButton, мне нужно решение для ASP.Net RadioButtons – STORM

ответ

0

Вы можете обратиться к этим ссылкам на то, что вы пытаетесь достичь. Они могут указать вам в правильном направлении.

Link 1

Link 2

Link 3

Link 4

Надеется, что это помогает.

+0

http://www.c-sharpcorner.com/UploadFile/deepak.sharma00/display-images -in-radiobuttonlist-control-in-Asp-Net/это то, что я искал. Благодаря! – STORM

+0

Рад помочь! :) –

2
<div> 
<asp:RadioButtonList ID="myRadioBtnList" runat="server" > 
<asp:ListItem Text="&lt;img src=&quot;download.jpg&quot;/&gt;" Value="1">   </asp:ListItem> 
    <asp:ListItem Text="&lt;img src=&quot;download.jpg&quot;/&gt;" Value="2"> </asp:ListItem> 
<asp:ListItem Text="&lt;img src=&quot;download.jpg&quot;/&gt;" Value="3"></asp:ListItem> 
<asp:ListItem Text="&lt;img src=&quot;download.jpg&quot;/&gt;" Value="4"></asp:ListItem> 
</asp:RadioButtonList> 
    </div> 

в текстовом свойстве замените download.jpg на ваш путь к изображению. я думаю, что это поможет вам

2

Try This

protected void Page_Load(object sender, EventArgs e) 
{ 
    ListItem item; 
    int i = 0; 
    System.IO.FileInfo file; 

    var Images = 
     from n in System.IO.Directory.GetFiles(Server.MapPath("Images")) 
     orderby n descending 
     select n; 

    foreach (var filename in Images) 
    { 
     file = new System.IO.FileInfo(filename); 

     item = new ListItem("<img src='" + "Images/" + file.Name + "' alt='" + file.Name + 
      "' title='"+file.Name+"'/>", i.ToString()); 

     RadioButtonList1.Items.Add(item); 
     RadioButtonList1.CellPadding = 5; 
     RadioButtonList1.CellSpacing = 5; 
     i++; 
    } 
} 


    <div> 
    <asp:RadioButtonList ID="RadioButtonList1" 
     runat="server" 
     BorderStyle="Groove" 
     BorderWidth="1px" 
     RepeatColumns="3" 
     RepeatLayout="Table"> 
    </asp:RadioButtonList> 
</div> 

Source

Смежные вопросы