or
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ReviewFormProjects.aspx.cs" Inherits="Helpers.RFP" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <link href="ReviewFormProjects.css" rel="stylesheet" type="text/css" /> <style type="text/css"> /* The default display: inline needs to be overrided to resize the container to hold with the content */ div.RadListBox .rlbTemplate { display: inline-block; } </style> <title>test</title></head><body class="BODY"> <form runat="server" id="mainForm" method="post"> <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1"> <div class="example-panel"> <div class="order-panel"> <label class="product-list"> Avalible Projects to choose</label> <label class="detail"> Associate with application</label> <%-- OnTransferred="RadListBox1_Transferred"--%> <%-- TransferMode="Copy"--%> <telerik:RadListBox ID="RadListBox1" runat="server" AllowTransfer="True" AutoPostBackOnTransfer="True" DataValueField="ProjectNameID" Height="200px" SelectionMode="Multiple" AllowTransferDuplicates="true" TransferToID="RadListBox2" Width="215px" DataSourceID="ProjectNamesList" DataKeyField="ProjectNameID" DataTextField="ProjectName" DataSortField="ProjectName" OnTransferred="RadListBox1_Transferred" TransferMode="Copy"> <ButtonSettings ShowTransferAll="false" VerticalAlign="Middle" /> </telerik:RadListBox> <telerik:RadListBox runat="server" ID="RadListBox2" Height="200px" Width="270px" AllowTransfer="True" SelectionMode="Multiple" DataSourceID="ProjectUpdates" DataKeyField="ProjectNameID" DataTextField="ProjectName" DataValueField="ProjectNameID" AllowDelete="True" AutoPostBackOnDelete="true" AllowAutomaticUpdates="true" AllowTransferDuplicates="true"> <ItemTemplate> <span class="detail-title"> <ul class="details"> <li> <%--<label> <%# DataBinder.Eval(Container, "Text")%>:</label>--%> <telerik:RadTextBox runat="server" ID="ProjectNameIDTextBox" Width="150px" Text='<%# Bind("ProjectID") %>' Label='<%# Bind("ProjectName") %>'/> </li> </ul> </ItemTemplate> </telerik:RadListBox> </div> </div> </telerik:RadAjaxPanel> <asp:SqlDataSource ConnectionString="<%$ ConnectionStrings:PreQual_DEV_ConnectionString %>" ID="ProjectNamesList" runat="server" SelectCommand="SELECT ProjectNameID, ProjectName FROM PublicFormProjectNames"> </asp:SqlDataSource> <asp:SqlDataSource ConnectionString="<%$ ConnectionStrings:PreQual_DEV_ConnectionString %>" ID="ProjectUpdates" runat="server" SelectCommand="SELECT PN.ProjectName, P.ID, P.ProjectNameID, P.ProjectID, P.FormIDFROM PublicFormProjectNames AS PN INNER JOIN PublicFormProjects AS P ON PN.ProjectNameID = P.ProjectNameID WHERE FormID = 1" DeleteCommand="DELETE FROM [PublicFormProjects] WHERE [ID] = @ID" InsertCommand="INSERT INTO [PublicFormProjects] ([FormID], [ProjectNameID], [ProjectID]) VALUES (@FormID, @ProjectNameID, @ProjectID)" UpdateCommand="UPDATE [PublicFormProjects] SET [ProjectNameID] = @ProjectNameID, [ProjectID] = @ProjectID WHERE [ID] = @ID" > <UpdateParameters> <asp:ControlParameter Name="ProjectNameID" Type="String" controlid="ProjectNameIDTextBox" /> <asp:Parameter Name="ProjectID" Type="Int32" /> </UpdateParameters> <DeleteParameters> <asp:Parameter Name="ID" Type="Int32" /> </DeleteParameters> <InsertParameters> <asp:Parameter Name="ProjectID" Type="String"/> <asp:ControlParameter Name="ProjectNameID" Type="Int32" controlid="RadListBox1" propertyname="SelectedValue" /> <asp:Parameter Name="FormID" Type="Int32" DefaultValue="1" /> </InsertParameters> </asp:SqlDataSource> </form></body></html>
.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut { display: block; padding-right: 11px;}<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Sitefinity" MinDisplayTime="200"> <asp:Label ID="Label2" runat="server" ForeColor="Red">Loading... </asp:Label></telerik:RadAjaxLoadingPanel><telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Sitefinity"></telerik:RadSkinManager><telerik:RadSplitter ID="rsMain" runat="server" VisibleDuringInit="false" Width="100%" Height="100%" Orientation="Horizontal" EnableEmbeddedSkins="False" Skin="splitter_2"> <telerik:RadPane ID="rpTop" runat="server" CssClass="ApplyOverflow" Height="50px" Width="100%" Scrolling="None"> </telerik:RadPane> <telerik:RadPane ID="rpMiddle" runat="server" Height="800px" Width="100%" Scrolling="None"> <telerik:RadSplitter ID="rsMiddle" runat="server" Width="100%" Height="100%" EnableEmbeddedSkins="False" Skin="splitter_2"> <telerik:RadPane ID="rpMiddleLeft" runat="server" Width="20%" Height="100%" PersistScrollPosition="true"> <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal"> <telerik:RadPane ID="rpMiddleLeftTop" runat="server"> </telerik:RadPane> <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both" Visible="true" /> <telerik:RadPane ID="rpMiddleLeftMiddle" runat="server" Height="45%" Visible="true" PersistScrollPosition="true"> </telerik:RadPane> <telerik:RadSplitBar ID="RadSplitBar3" runat="server" CollapseMode="Both"> </telerik:RadSplitBar> <telerik:RadPane ID="rpMiddleLeftBottom" runat="server" Height="10%"> </telerik:RadPane> </telerik:RadSplitter> </telerik:RadPane> <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" /> <telerik:RadPane ID="rpMiddleRight" runat="server" Width="80%" Height="100%" PersistScrollPosition="true"> </telerik:RadPane> </telerik:RadSplitter></telerik:RadPane> <telerik:RadPane ID="rpBottom" runat="server" Height="20px" Width="100%" Scrolling="None"> <div style="text-align: center; background-color: #f5be19;"> Version 4, ip3 Copyright (c) 1999-2011 Intuitive Solutions Group Inc.</div> </telerik:RadPane> <telerik:RadPane ID="rpPlatform" runat="server" Visible="false"> </telerik:RadPane></telerik:RadSplitter>