控制渲染流程圖

這可能是一個非常愚蠢的問題，但這裏什麼也沒有：是否有任何asp網絡控制，ajax控制工具包或html/css標記來創建一個radiobuttonlist，水平對齊與所有連接的單選按鈕一條線或虛線？我會上傳一張照片，但是我失去了以前賞金的所有聲望，而且似乎必須至少有10位代表上傳圖片。控制渲染流程圖

基本上，我有一個網頁表單，用戶輸入一些數據，然後該數據有4個步驟：草稿，完成，發送到批准，批准。我希望在頁面頂部有這4個步驟，並根據當前狀態，檢查該功能區上的適當狀態。

UPDATE：

一張圖片的價值1000個字，以便因此，這是我所需要的：

enter image description here

而且也是在這種控制應該是「控制」的代碼隱藏。

來源

2014-09-25 Sergiu

嘗試在您的問題中插入相關的代碼。這將有很大幫助！ – 2014-09-25 12:18:58

@ Error404：你看過這個問題嗎？當我只是問是否有一個開箱即用的控件（asp，ajax，html）可以幫助我處理這種情況時，應該輸入什麼代碼？我已經用一張圖片更新了我的需求。我終於得到了最低限度的代表要求做到這一點......但不要感謝誰低估了我的問題:) – Sergiu 2014-09-25 14:11:13

這就是我的意思。任何相關的代碼或圖形。 – 2014-09-25 15:30:49

你可以很容易地使用html/css。

<div class="bubble active"></div> 
<div class="connector"></div> 
<div class="bubble"></div> 
<div class="connector"></div> 
<div class="bubble"></div> 
<div class="connector"></div> 
<div class="bubble"></div>

和一些基本的CSS

.bubble 
{ 
border-radius:50%; 
height:40px; 
width:40px; 
background: #aaa; 
display:inline-block; 
margin:0 -3px; 
} 

.bubble.active 
{ 
background:red; 
} 

.connector 
{ 
display:inline-block; 
height:3px; 
width:10%; 
background: #aaa; 
vertical-align:middle; 
margin-top:-30px; 
}

看看這個fiddle。只要隨意添加/刪除活動類到氣泡。你也可以添加完成課程或其他內容。

來源

2014-11-13 12:28:00 Anwardo

你是個天才！ :)簡單而好看！ – Sergiu 2014-11-13 13:14:20

控制渲染流程圖

回答

相關問題