2012-09-25 70 views
0

我正在使用單選按鈕,因爲它使綁定項目和控制動態事件非常容易。使用CSS將listitem.text放置在radiobuttonlist中的單選按鈕上

我的問題是隱藏在ListItem.Text左側或右側的RadioButtonList ListItem「圈」。

我設置每個ListItem.Text屬性是HTML <img>.

我想在RadioButtonList在單選按鈕列表列表中顯示只是ListItem.Text財產,沒有它旁邊的單選按鈕圈。經過一番研究後,我意識到我不認爲有可能隱藏單選按鈕的ListItem圓,而不隱藏整個單選按鈕列表。

所以我的第二個選擇是將ListItem.Text放置在RadioButtonList ListItem頂部的通過CSS的「圈子」。以下是我已經嘗試遠,但我怕我的CSS技巧是鬆弛:(

noPizzaMod.Text = "<img src=\"image.png \" />"; 
noPizzaMod.Attributes.CssStyle.Add("float", "left"); 
noPizzaMod.Attributes.CssStyle.Add("padding","0 1em"); 
noPizzaMod.Attributes.CssStyle.Add("text-align", "center"); 
rdo_pizzamods.Items.Add(noPizzaMod); 

結果:只需添加填充到單選按鈕列表項圈左側

同樣,手頭的任務是浮在頂部在RadioButtonList列表項「圓」

謝謝你的時間的ListItem.Text(象素)

!PS:我已經被使用JQuery嘗試另一件事顯示:沒有收音機按鈕listitems,但當然隱藏了文本,以及整個單選按鈕列表:(

作爲最後的手段,我可​​以切換到複選框的togglebuttonextender,但這將包括我們的顯示機制的重新設計。希望有一個簡單的解決方案,其中一位大師可以指點我!

編輯:

我只是有一個asp:面板,我在動態代碼中的單選按鈕列表添加到後面。

<asp:Panel ID="pnl_pizzamods" runat="server"></asp:Panel> 

像這樣

ListItem PizzaMod = new ListItem(); 
noPizzaMod.Text = "<img src=\"image.png \" />"; 
noPizzaMod.Attributes.CssStyle.Add("float", "left"); 
noPizzaMod.Attributes.CssStyle.Add("padding","0 1em"); 
noPizzaMod.Attributes.CssStyle.Add("text-align", "center"); 
rdo_pizzamods.Items.Add(noPizzaMod); 
pnl_pizzamods.Controls.Add(rdo_pizzamods); 

我也在這使得在RadioButtonList數據綁定容易讓我控制背景添加自定義動態事件處理程序和很多其他的魔力。我相信它不影響視覺佈局!再一次感謝你的幫助!

+0

你可以發佈你的HTML或的jsfiddle? – j08691

+0

@ j08691我已經包含了我的aspPanel的更新,以及如何將它添加到後面的c#代碼中的控件。我在代碼隱藏中也爲每個RadioButtonList ListItem設置樣式。 – clamchoda

回答

相關問題