在aspx中为应用程序表单创建选项卡

时间:2013-07-02 07:41:29

标签: javascript asp.net forms tabs

http://eduvark.com/images/Manipal-University-Application-Form.jpg

(我没有上述链接。链接仅用于说明目的,未经许可不得用于商业用途)

我需要创建类似于标签的结构,如图所示。我有整个申请表,但我只需要创建这些标签。我无法附加代码片段,因为表单太大而且有多个页面。

欢迎任何帮助。

提前致谢。

2 个答案:

答案 0 :(得分:0)

是的,您可以使用jquery选项卡,如果他们在这种情况下没有帮助。然后你可以使用

ajaxcontroltoolkit标签 在这里找到它然后让我知道。 http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/tabs/tabs.aspx 加上telerik控件也有一个非常好的,可自定义的标签条控件,但它们不是免费提供的,ajaxcontroltoolkit是免费提供的。

答案 1 :(得分:0)

您可以通过jQuery或Ajax控件工具包以多种方式实现此目的。我将在这里展示jQuery方法(refer this)。从here下载所有必需的文件。提取所有文件并将jQuery ui和css文件放在应用程序上并将它们链接到页面,如下所示

<script src="../Scripts/myapp/jquery-1.9.1.js" type="text/javascript"></script>
<link href="../Styles/myapp/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/myapp/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>

如果您想要更改选项卡的背景图片,请在页面上添加以下样式以通过在页面标题中添加以下样式来覆盖已构建的CSS

.ui-tabs-panel {background-image:url('image.jpg') !important;}

希望这会对你有所帮助。