控制渲染流程图

这可能是一个非常愚蠢的问题，但这里什么也没有：是否有任何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

控制渲染流程图

回答

相关问题