[![enter image description here][1]][1]
[1]: https://i.stack.imgur.com/gb7AK.pngstrong text
Above is my demo software. I want to click on top menu and change the side menu item. Any idea how can I do this?
below is my aspx code :
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Demo.Site" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="css/Site.css" rel="stylesheet" />
<table class="auto-style1">
<tr>
<td style="text-align: left; color: #000000">
<h2>Demo Software</h2>
</td>
<td style ="width:30%">
<asp:Image ID="Image1" runat="server" ImageUrl="" Height="64px" Width="255px" />
</td>
</tr>
</table>
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body style="font-family:Arial">
<style type="text/css">
* {font-family:Arial';
}
.auto-style1 {
width: 100%;
height: 10px;
}
.auto-style2 {
left: 0px;
top: 0px;
}
</style>
<%-- <div id="waterfall" runat="server">
<div id="water"></div>
</div>--%>
<form id="form1" runat="server">
<div>
<telerik:radmenu ID="RadMenu1" style="border :none" Width = "100%" Skin="BlackMetroTouch"
runat="server" BackColor="#736AFF" Font-Bold="true" Font-Size="X-Large"
OnItemClick="RadMenu1_ItemClick">
<Items>
<telerik:RadMenuItem Text="Home" Value="Home" ID="RadContextMenu1" runat="server"
OnItemClick="RadContextMenu1_ItemClick"/>
<telerik:RadMenuItem Text="Demo1" Value="Demo1" />
<telerik:RadMenuItem Text="Demo2" Value="Demo2" />
<telerik:RadMenuItem Text="Demo3" Value="Demo3" />
<telerik:RadMenuItem Text="Demo4" Value="Demo4" />
<telerik:RadMenuItem Text="Demo5" Value="Demo5" />
</Items>
</telerik:radmenu>
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" EnablePageMethods="true" />
<aside id="side">
<div id ="Home">
<a href="#"><p>Home</p></a>
</div>
<div id="Demo1">
<a href="#"><p>Demo1</p></a>
<a href="#"><p>Demo1</p></a>
<a href="#"><p>Demo1</p></a>
</div>
<div id="Demo2">
<a href="#"><p>Demo2</p></a>
<a href="#"><p>Demo2</p></a>
<a href="#"><p>Demo2</p></a>
</div>
<div id="Demo3">
<a href="#"><p>Demo3</p></a>
<a href="#"><p>Demo3</p></a>
<a href="#"><p>Demo3</p></a>
<a href="#"><p>Demo3</p></a>
</div>
</aside>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
</div>
</form>
I am using Telerik to do the top menu item. for example when click on Demo1 on top menu item, side menu item will change base on top menu item.
Aucun commentaire:
Enregistrer un commentaire