or
I need to create a wpf diagram designer which consist multiple layers design (user can add layers according to their need, can switch among layers and can also show/ hide layers) and each layer can have different diagram but they are part of single design. Now my question is that how we can create multiple layers like we have different layers in Photoshop where layers are used to work on individual parts of an image while not affecting other parts. And the same thing I have to create in wpf diagram designer if it's possible or also looking for any alternative solution....
<telerik:RadButton ID="rbt_Toggle_OrgPers_Orga" Value="1" ToggleType="Radio" ButtonType="StandardButton" GroupName="Toggle_OrgPers" ToolTip="Organisation" Width="56px" Height="56px" Icon-PrimaryIconUrl="~/Style/img/office_building_48.png" UseSubmitBehavior="false" AutoPostBack="true" Icon-PrimaryIconWidth="44" Icon-PrimaryIconHeight="48" Icon-PrimaryIconTop="3" runat="server" /><telerik:RadButton ID="rbt_Toggle_OrgPers_Male" Value="2" ToggleType="Radio" ButtonType="StandardButton" GroupName="Toggle_OrgPers" ToolTip="Male" Width="56px" Height="56px" Icon-PrimaryIconUrl="~/Style/img/male_48.png" UseSubmitBehavior="false" AutoPostBack="true" Icon-PrimaryIconWidth="44" Icon-PrimaryIconHeight="48" Icon-PrimaryIconTop="3" runat="server" /><telerik:RadButton ID="rbt_Toggle_OrgPers_FMle" Value="3" ToggleType="Radio" ButtonType="StandardButton" GroupName="Toggle_OrgPers" ToolTip="Female" Width="56px" Height="56px" Icon-PrimaryIconUrl="~/Style/img/Female_48.png" UseSubmitBehavior="false" AutoPostBack="true" Icon-PrimaryIconWidth="44" Icon-PrimaryIconHeight="48" Icon-PrimaryIconTop="3" runat="server" /><%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %><%@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script> function someCallback(panelId) { var panel = $find(panelId); if (panel) { panel.set_value(''); } } </script></head><body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <telerik:RadDatePicker ID="RadDatePicker1" runat="server" OnSelectedDateChanged="datechanged" AutoPostBack="true" EnableViewState="true" > </telerik:RadDatePicker> <telerik:RadXmlHttpPanel ID="rxhp" runat="server" Value="" OnServiceRequest="serviceRequest" RenderMode="Block" EnableClientScriptEvaluation="true" Width="100%"> <br /> <input runat="server" id="test_input" type="text" /> </telerik:RadXmlHttpPanel> </div> </form></body></html>using System;using Telerik.Web.UI;using Telerik.Web.UI.Calendar;public partial class Default3 : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { this.test_input.Attributes.Add("onclick", string.Format("someCallback('{0}');", this.rxhp.ClientID)); if (!IsPostBack) { RadDatePicker1.SelectedDate = DateTime.Now; } } protected void datechanged(object sender, SelectedDateChangedEventArgs e) { } protected void serviceRequest(object sender, RadXmlHttpPanelEventArgs e) { }}