Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,785 questions
8 answers
225 views
RadMonthYearPicker own textbox
Hello Community,

i hope you can help me.

Is it possible to use my own Textbox for RadMonthYearPicker?

I need this because i have some css classes that not work with the default textbox of the RadMonthYear Control.
Or i don't know how.

I'm thankful for any Idea!
Danny
Calendar
Daniel
Top achievements
Rank 1
 answered on 29 Nov 2012
3 answers
81 views
Displaying a file on the browser from a Raduploaded file
Hi I am trying to display a file from an uploaded file using the RadUpload Control. I want to click on an imagebutton where it will display the file that was uploaded. Is this possible?
UI for ASP.NET AJAX in ASP.NET MVC
Plamen
Telerik team
 answered on 29 Nov 2012
5 answers
168 views
grid with grouping reorders my dataset
Hey guys,

I have a radgrid with grouping enabled. The data source I use for the grid comes sorted from the db, using a more complicated algorithm.

However, the radgrid re-sorts my data, messing up the initial order.

Any ways to prevent that?

PS: I am using version 2012.2.904.40

Thanks!
Grid
Martin
Telerik team
 answered on 29 Nov 2012
1 answer
180 views
Toolbar items alignment
Hi,

I have radtool bar on page header. It will have only three toolbar items. I want first two align to left and third one to right. The tool bar occupies entire page width (100%). How to align items?

I have something like below all the items are aligned to left.

        <telerik:RadToolBar runat="server" ID="RadToolBar1" Skin="Hay" Width="100%">
            <Items>
                <telerik:RadToolBarButton ImageUrl="someimage.jpg"></telerik:RadToolBarButton>
                <telerik:RadToolBarButton Text="Application TITLE" Checked="true" CheckOnClick="true" AllowSelfUnCheck="false"></telerik:RadToolBarButton>
                <telerik:RadToolBarButton Text="Getout" ></telerik:RadToolBarButton>
            </Items>
        </telerik:RadToolBar>
ToolBar
Princy
Top achievements
Rank 2
 answered on 29 Nov 2012
4 answers
164 views
Format the first three rows of a telerik radgrid
Hi,

I am working on a project and I want to change the forecolor of the first three rows of the radgrid and also make it bold so as to show that those top three records are the leading results in the radgrid.

Please help with how I can achieve this.

Thanks
Grid
Princy
Top achievements
Rank 2
 answered on 29 Nov 2012
3 answers
663 views
How to bind the datasource through javascript
Hi,
How to bind datasource to the radlistview through javascript?







Thanks
ListView
Shinu
Top achievements
Rank 2
 answered on 29 Nov 2012
3 answers
44 views
Broken link &quot;http://www.telerik.com/help/aspnet-ajax/single-expand-in-hierarchical-grid.html &quot; from &quot;http://www.telerik.com/help/aspnet-ajax/grdviewstatereductiontechniques.html&quot;
Hi,
There is a link to "http://www.telerik.com/help/aspnet-ajax/single-expand-in-hierarchical-grid.html " from "http://www.telerik.com/help/aspnet-ajax/grdviewstatereductiontechniques.html", illustrating single expansion(single expand) on the telerik grid hierarchy.

Can we get it fixed?

Thanks and regards,
Giridhar.
Grid
Shinu
Top achievements
Rank 2
 answered on 29 Nov 2012
1 answer
137 views
RadAsyncUpload with custom handler fails for small files
I am using RadAsyncUpload with a custom handler based on the demo code. The handler works fine with larger files that take more than a couple seconds to upload. When uploading smaller files that upload almost instantly I get the following error in the custom handler:
Unable to cast object of type 'System.Web.HttpInputStream' to type 'System.IO.FileStream'.

Protected Overrides Function Process(ByVal myFile As Telerik.Web.UI.UploadedFile, ByVal context As HttpContext, ByVal configuration As IAsyncUploadConfiguration, ByVal tempFileName As String) As IAsyncUploadResult
 
    Dim result As MyAsyncUploadResult = CreateDefaultUploadResult(Of MyAsyncUploadResult)(myFile)
    Try
 
      Dim userID As String = ""
 
      Dim myConfiguration As MyAsyncUploadConfiguration = TryCast(configuration, MyAsyncUploadConfiguration)
      If myConfiguration IsNot Nothing Then
        userID = myConfiguration.UserID
      End If
 
      result.FileID = MySaveFile(myFile, userID)
 
    Catch ex As Exception
      Dim sRtn As String = SendErrorEmail(ex, "", "", "handler.ashx", "", "", "")
    End Try
 
    Return result
  End Function
 
  Public Function MySaveFile(ByVal upFile As Telerik.Web.UI.UploadedFile, ByVal userID As String) As String
    Dim sOutputEncrypt As String = ""
    Dim destinationPath As String = "C:\sitefolder\App_Data\Files\"
    Try
      Dim key As Byte() = CreateKey("password")
      Dim IV As Byte() = CreateIV("password")
      Dim sFileName As String = upFile.FileName
      sOutputEncrypt = destinationPath & upFile.GetName.Replace(".", "_") & ".encrypt"
 
      Using fStream As FileStream = upFile.InputStream 'File.Open(filename, FileMode.OpenOrCreate)
        Dim RijndaelAlg As Rijndael = Rijndael.Create()
        Using cStream As New CryptoStream(fStream, RijndaelAlg.CreateEncryptor(key, IV), CryptoStreamMode.Read)
          Using destination As FileStream = File.Create(sOutputEncrypt)
            cStream.CopyTo(destination)
          End Using
        End Using
      End Using
 
     Catch ex As Exception
      Dim sRtn As String = SendErrorEmail(ex, "", "", "handler.ashx", "", "", "")
    End Try
    Return sOutputEncrypt
  End Function
AsyncUpload
M B
Top achievements
Rank 1
 answered on 29 Nov 2012
3 answers
56 views
IE9 bug, Blank lines inserted on radgrid focus on textbox - IE9
Hi,

We are having an issue with rendering the radgrid in IE 9 browser. It works fine on IE8. I am using the latest telerik dll's.
The radgrid we have defined has about 50 columns, so we have it wrapped within a div and it has to scroll horizontally. The grid is always designed to be in edit mode. When you Add a New Item, and place focus on any textboxes, blank lines keep getting inserted at the footer of the radgrid.

I am able to replicate this issue in a demo project, but for some reason there is no way I can provide an attachment on this new thread. Please let me know, I can email you the demo project.

I also noticed that if I do not include asp:menu, the issue does not occur, but that is not an option for us. We are using the Menu.

Please let me know how to proceed, I have tried implementing various css based on your forums, none of them have worked so far.

Thanks,
Aditi

CSS to include

.GridDock
{
    overflow-x: auto;
    overflow-y: hidden;                       
}
Page: Default.aspx

<div class="GridDock" id="dvGridWidth" style="width:800px;">
  
          <telerik:RadGrid ID="RadGrid1" runat="server" Width="50%" 
                GridLines="None"
                AutoGenerateColumns="False" 
                PageSize="20"
                AllowPaging="True"
                AllowMultiRowEdit = "True" 
                AllowAutomaticDeletes="True"
                OnNeedDataSource="RadGrid1_NeedDataSource"
                ShowStatusBar="true" 
                Skin="Simple"
                AllowFilteringByColumn="false"  
                OnItemCreated="RadGrid1_ItemCreated"                     
                OnInsertCommand="RadGrid1_InsertCommand"       
                OnItemCommand="RadGrid1_ItemCommand"     
                OnItemDataBound="RadGrid1_OnItemDataBound"
                OnPreRender="RadGrid1_PreRender">
                  
                <GroupingSettings CaseSensitive="false" />                   
                  
                 <MasterTableView DataKeyNames="QuoteItemID" EditMode="InPlace" NoMasterRecordsText=""
                    InsertItemDisplay="Bottom" CommandItemDisplay="Top" CommandItemStyle-Wrap="false">
                      
                    <FooterStyle  HorizontalAlign="Left" /> 
                    <HeaderStyle HorizontalAlign="Left" /> 
                    <ItemStyle Wrap = "false" />
                    <CommandItemTemplate>
                        <asp:LinkButton ID="add" runat="server" Text="Add New Quote Item" CommandName="InitInsert" Height="20px" 
                           Font-Underline="true"  Font-Bold="true"></asp:LinkButton>
                        <asp:LinkButton ID="save" runat="server" Text="Add New Quote Item" CommandName="PerformInsert" Height="20px" 
                           CssClass="underlinedLinkButton" Font-Underline="true" Font-Bold="true" Visible="false"></asp:LinkButton>
                    </CommandItemTemplate>
  
                    <Columns>
  
                        <telerik:GridTemplateColumn UniqueName="ProductID" HeaderText="SKU" SortExpression="ProductID" 
                            ItemStyle-HorizontalAlign="Left" ItemStyle-Wrap="false" HeaderStyle-Width="140px" ItemStyle-Width="140px"> 
                            <ItemTemplate>
                                <telerik:RadTextBox ID="txtVal" Width="140px" 
                                    AutoPostBack="true" runat="server"></telerik:RadTextBox>                                
                            </ItemTemplate>
                            <HeaderTemplate><label style="color:Red; right:2px">*</label><label>SKU</label></HeaderTemplate>
                        </telerik:GridTemplateColumn>
  
                                     
                        <telerik:GridTemplateColumn UniqueName="ProductLine" HeaderText="Product Line" SortExpression="ProductLine"
                            ItemStyle-Width="124px" HeaderStyle-Width="124px" >
                         <EditItemTemplate>
                                <telerik:RadTextBox ID="txtProductLine" Width="140px" 
                                    AutoPostBack="true" runat="server"></telerik:RadTextBox>                                
                          </EditItemTemplate>
                        </telerik:GridTemplateColumn>
                        
                       <telerik:GridTemplateColumn UniqueName="Capacity" HeaderText="Capacity" SortExpression="Capacity"
                            ItemStyle-Width="70px" HeaderStyle-Width="85px" FilterControlWidth="50px">
                         
                        <EditItemTemplate>
                           <telerik:RadTextBox ID="txtCapacity" Width="140px" 
                                    AutoPostBack="true" runat="server"></telerik:RadTextBox>                                  
                        </EditItemTemplate>
                        <%--<HeaderTemplate><asp:Label ID="lblReqCapacity" Text="*" CssClass="requiredFieldStyle" runat="server" /></HeaderTemplate>--%>
                        <HeaderTemplate><label style="color:Red; right:2px">*</label><label>Capacity</label></HeaderTemplate>
                        </telerik:GridTemplateColumn>
  
                        <telerik:GridTemplateColumn UniqueName="RequestedQty" HeaderText="RequestedQty" ItemStyle-Width="80px" HeaderStyle-Width="100px" > 
                            <EditItemTemplate>  
                                <telerik:RadNumericTextBox ID="txtRequestedQty" runat="server" MaxLength="6" Width="80px" 
                                    DataField="RequestedQty" MinValue="0" MaxValue="999999999" >
                                       
                                    <NumberFormat GroupSeparator="" DecimalDigits="0" AllowRounding="true" 
                                        KeepNotRoundedValue="false"  /> 
                                </telerik:RadNumericTextBox>
                            </EditItemTemplate>  
                            <HeaderTemplate><label style="color:Red">*</label><label>RequestedQty/ Units (K)</label></HeaderTemplate>
                        </telerik:GridTemplateColumn>
  
                         <telerik:GridTemplateColumn UniqueName="TAM" HeaderText="TAM" ItemStyle-Width="80px" HeaderStyle-Width="100px"> 
                            <EditItemTemplate>  
                                <telerik:RadNumericTextBox ID="txtTAM" runat="server" MaxLength="6" Width="80px" 
                                    DataField="TAM" MinValue="0" MaxValue="999999999">
                                 <NumberFormat GroupSeparator="" DecimalDigits="0" AllowRounding="true" 
                                        KeepNotRoundedValue="false"  /> 
                                </telerik:RadNumericTextBox>
                            </EditItemTemplate>
                            <HeaderTemplate><label style="color:Red">*</label><label>TAM</label></HeaderTemplate>
                        </telerik:GridTemplateColumn>
  
                         <telerik:GridTemplateColumn UniqueName="TAMPercentage" HeaderText="% of TAM" ItemStyle-Width="60px" HeaderStyle-Width="100px" 
                            FilterControlWidth="50px">
                            <EditItemTemplate>  
                                <telerik:RadNumericTextBox ID="txtTAMPercentage" runat="server" Width="60px" CssClass="noBorder" ReadOnly="true" TabIndex="-1" />
                            </EditItemTemplate>  
                        </telerik:GridTemplateColumn>
  
                        <telerik:GridTemplateColumn UniqueName="RequestedPrice" HeaderText="Requested Price" ItemStyle-Width="100px" HeaderStyle-Width="100px"> 
                            <EditItemTemplate>  
                                <telerik:RadNumericTextBox ID="txtRequestedPrice" runat="server" MaxLength="6" Width="100px" 
                                    DataField="RequestedPrice" DataType="System.Decimal" Type="Number" NumberFormat-DecimalDigits="2"  />
                            </EditItemTemplate>
                            <HeaderTemplate><label style="color:Red">*</label><label>Requested Price</label></HeaderTemplate>
                        </telerik:GridTemplateColumn>
  
                        <telerik:GridTemplateColumn UniqueName="QtoQChange" HeaderText="Q-Q Change %" ItemStyle-Width="100px" HeaderStyle-Width="100px"> 
                            <EditItemTemplate>  
                                <telerik:RadNumericTextBox ID="txtQtoQChange" runat="server" Width="100px" CssClass="noBorder" ReadOnly="true" TabIndex="-1" />
                            </EditItemTemplate>  
                        </telerik:GridTemplateColumn>
  
                        <telerik:GridTemplateColumn UniqueName="Revenue" HeaderText="Revenue ($,K)" ItemStyle-Width="100px" HeaderStyle-Width="100px"> 
                            <EditItemTemplate>  
                                <telerik:RadNumericTextBox ID="txtRevenue" runat="server" Width="100px" CssClass="noBorder" ReadOnly="true" TabIndex="-1" />
                            </EditItemTemplate>  
                        </telerik:GridTemplateColumn>
                          
                        <telerik:GridTemplateColumn UniqueName="Application" HeaderText="Application" ItemStyle-Width="120px" HeaderStyle-Width="120px" > 
                            <EditItemTemplate>  
                                <telerik:RadTextBox ID="txtApplication" runat="server" Width="120px" DataField="Application"/>
                            </EditItemTemplate>
                            <HeaderTemplate><label style="color:Red">*</label><label>Application</label></HeaderTemplate>
                        </telerik:GridTemplateColumn>
  
                          
                    </Columns>
               </MasterTableView>
            </telerik:RadGrid>               
        </div>
        <asp:Label runat="server" ID="lblTest" Text="Floating Text"></asp:Label>
Page: Default.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using Telerik.Web.UI;
  
namespace GridBlankLines
{
    public partial class _Default : System.Web.UI.Page
    {
        private static string commandName;
  
        protected void Page_Load(object sender, EventArgs e)
        {
  
        }
  
        protected void RadGrid1_PreRender(object sender, System.EventArgs e)
        {
            if (!IsPostBack)
            {
                foreach (GridItem item in RadGrid1.MasterTableView.Items)
                {
                    if ((item is GridEditableItem) && (!(item is GridHeaderItem)))
                    {
                        GridEditableItem editableItem = item as GridDataItem;
                        editableItem.Edit = true;
                    }
                }
                RadGrid1.Rebind();
            }
  
            //to show the grid in insert mode after insert operation
            if (commandName == "PerformInsert")
            {
                commandName = "";
                RadGrid1.MasterTableView.IsItemInserted = true;
                RadGrid1.Rebind();
  
            }          
  
        }
                
        protected void RadGrid1_NeedDataSource(object source, GridNeedDataSourceEventArgs e)
        {
            RadGrid1.DataSource = new DataTable();
              
        }
  
        protected void RadGrid1_InsertCommand(object source, GridCommandEventArgs e)
        {
        }
  
        protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
        {
             
  
        }
  
        protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)
        {
            if (e.CommandName == RadGrid.InitInsertCommandName)
            {
                commandName = "PerformInsert";
            }
        }
  
        protected void RadGrid1_OnItemDataBound(object sender, GridItemEventArgs e)
        {
              
             
             
        }        
  
    }
}
Site.master page
<body> 
    <form runat="server"> 
    <telerik:RadScriptManager EnablePartialRendering="true" EnableScriptCombine="false" ID="radScriptMgr" runat="server"> 
</telerik:RadScriptManager> 
    <div class="page"> 
        <div class="header"> 
            <div class="title"> 
                <h1> 
                    Demo App 
                </h1> 
            </div> 
               
            <div class="clear hideSkiplink"> 
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
                    <Items> 
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/> 
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/> 
                    </Items> 
                </asp:Menu> 
            </div> 
        </div> 
        <div class="main"> 
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/> 
        </div> 
        <div class="clear"> 
        </div> 
    </div> 
    <div class="footer"> 
            
    </div> 
    </form> 
</body>
Grid
Pavlina
Telerik team
 answered on 28 Nov 2012
5 answers
207 views
Radtab focus issue
I have created a page where a panel item link opens a rad tab and rad multipage. The tab shows on the first click but the page is not loaded during the first click of the panel item.But if I close the tab and re click the link it works perfectly.Any ideas???Thanks in advance.

Here's the code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title></title>
    <style type="text/css">
        html, body, form
        {
            background: #fff;
            height: 100%;
            margin: 0;
            padding: 0;
            width: 100%;
            position: absolute;
        }
    </style>
 
    <script type="text/javascript">
        function ReLoadWindow(url, title, width, height) {
 
            var manager = GetRadWindowManager();
            var cWindow = manager.getActiveWindow();
            if (cWindow != null)
                cWindow.close();
 
            var oWindow = radopen(url, null);
            oWindow.SetSize(width, height);
            oWindow.MoveTo(195, 150);
            oWindow.set_title(title);
            oWindow.add_pageLoad(function () { oWindow.set_status("  "); });
        }        
    </script>
    <link href="Styles/Default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <script type="text/javascript">
        var tabStrip1;
 
        function OnClientLoad() {
            tabStrip1 = $find('<%= RadTabStrip1.ClientID %>');
 
            for (var i = 0; i < tabStrip1.get_tabs().get_count(); i++) {
                AttachCloseImage(tabStrip1.get_tabs().getItem(i), "Images/Icons/close.png");
                
            }
        }
        function addtab(url, text) {
            var tab = new Telerik.Web.UI.RadTab();
            tab.set_text(text + tabStrip1.get_tabs().get_count());
            tabStrip1.get_tabs().add(tab);
            tab.select();
            AttachCloseImage(tab, "Images/Icons/close.png");
 
            var multiPage = $find("<%=RadMultiPage1.ClientID %>");
 
            multiPage.trackChanges();
 
            var pageView = new Telerik.Web.UI.RadPageView();
            multiPage.get_pageViews().add(pageView);
            pageView.set_contentUrl(url);
            multiPage.commitChanges();
                         
//            pageView.get_element().innerHTML = "PageView1";
 
      
        }
 
        function CreateCloseImage(closeImageUrl) {
            var closeImage = document.createElement("img");
            closeImage.src = closeImageUrl;
            closeImage.alt = "Close this tab";
            return closeImage;
        }
 
        function AttachCloseImage(tab, closeImageUrl) {
            var closeImage = CreateCloseImage(closeImageUrl);
            closeImage.AssociatedTab = tab;
            closeImage.onclick = function (e) {
                if (!e) e = event;
                if (!e.target) e = e.srcElement;
 
                deleteTab(tab);
 
                e.cancelBubble = true;
                if (e.stopPropagation) {
                    e.stopPropagation();
                }
 
                return false;
            }
            tab.get_innerWrapElement().appendChild(closeImage);
        }
 
        function deleteTab(tab) {
            var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
 
            var tabToSelect = tab.get_nextTab();
            if (!tabToSelect)
                tabToSelect = tab.get_previousTab();
 
            tabStrip.get_tabs().remove(tab);
 
            if (tabToSelect)
                tabToSelect.set_selected(true);
        }
 
    </script>
<%-- <script type="text/javascript">
     function pageLoad() {
         var multiPage = $find("<%=RadMultiPage1.ClientID %>");
 
         multiPage.trackChanges();
 
         var pageView = new Telerik.Web.UI.RadPageView();
         multiPage.get_pageViews().add(pageView);
         pageView.get_element().innerHTML = "PageView1";
 
         multiPage.commitChanges();
     } 
</script>--%>
    <div class="page">
       <div class="header01">
            <div class="head_top">
                <div class="homeicon">
                    <asp:HyperLink runat="server" Target="_parent" NavigateUrl="~/Default.aspx">
                        <asp:Image ID="Homeicon" runat="server" BorderWidth="0px" ImageUrl="~/Images/home.png"/>
                    </asp:HyperLink>  
                </div>
                <div class="side01">
                    <label class="text02">XERP</label>
                </div>
                <div class="side02">
                    <telerik:RadMenu runat="server" Skin="">
                        <Items>
                            <telerik:RadMenuItem CssClass="dropdowntop">
                                <ItemTemplate>                                     
                                <div class="dropdownside01">
                                    <label class="text01">Hi! Rezwanul Huq</label>
                                    <label class="text01">Wed 15, Oct 2012 15:12</label>                  
                                </div>
                                <div class="dropdownside02">
                                    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Icons/client.png"/>
                                </div>
                                </ItemTemplate>
                                <Items>
                                    <telerik:RadMenuItem CssClass="Dropdown">
                                        <ItemTemplate>
                                            <div class="DropdownIcon">
                                                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/message.png" CssClass="DropdownIconAlign" />                                       
                                            </div>                                   
                                            <div class="DropdownText">
                                               <asp:Label ID="Label1" runat="server" class="text03">Inbox</asp:Label>
                                            </div>
                                        </ItemTemplate>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem CssClass="Dropdown">
                                        <ItemTemplate>
                                            <div class="DropdownIcon">
                                                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/chpassword.png" CssClass="DropdownIconAlign" />                                       
                                            </div>                                   
                                            <div class="DropdownText">
                                               <asp:Label ID="Label1" runat="server" class="text03">Change Password</asp:Label>
                                            </div>
                                        </ItemTemplate>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem CssClass="Dropdown">
                                        <ItemTemplate>
                                            <div class="DropdownIcon">
                                                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Settings.png" CssClass="DropdownIconAlign" />                                       
                                            </div>                                   
                                            <div class="DropdownText">
                                               <asp:Label ID="Label1" runat="server" class="text03">Settings</asp:Label>
                                            </div>
                                        </ItemTemplate>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem CssClass="Dropdown">
                                        <ItemTemplate>
                                            <div class="DropdownIcon">
                                                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/help.png" CssClass="DropdownIconAlign" />                                       
                                            </div>                                   
                                            <div class="DropdownText">
                                               <asp:Label ID="Label1" runat="server" class="text03">Help</asp:Label>
                                            </div>
                                        </ItemTemplate>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem CssClass="Dropdown">
                                        <ItemTemplate>
                                            <div class="DropdownIcon">
                                                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Logout.png" CssClass="DropdownIconAlign" />                                       
                                            </div>                                   
                                            <div class="DropdownText">
                                               <asp:Label ID="Label1" runat="server" class="text03">Log Out</asp:Label>
                                            </div>
                                        </ItemTemplate>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem CssClass="Dropdown">
                                        <ItemTemplate>                              
                                            <div class="DropdownText01">
                                               <asp:Label ID="Label1" runat="server" class="text03">Last Login Detail: <br /> Wed 15, Oct 2012 15:12</asp:Label>
                                            </div>
                                        </ItemTemplate>
                                    </telerik:RadMenuItem>
                                </Items>
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenu>
               </div>             
            </div>
       </div>
       <div class="bottom">
            <telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"
                ResizeMode="EndPane">
                <telerik:RadPane ID="RadPane1" runat="server" Width="230px" CssClass="menu" Scrolling="Y">
                    <div style="height:4%; margin:3px 1px 0px 3px;">
                        <telerik:RadTextBox  EmptyMessage="Search Menu...." ID="searchbox" runat="server" Width="175px">
                             
                        </telerik:RadTextBox>
                        <telerik:RadButton ID="searchbtn" runat="server" Skin="" CssClass="SearchButton" >
                            <Icon PrimaryIconWidth="26px" PrimaryIconHeight="26px" PrimaryIconUrl="Images/Icons/search.png" />
                        </telerik:RadButton>
                    </div>
                    <telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"
                       CssClass="radpanelbar" Width="233px" height="95.5%">
                        <Items>
                            <telerik:RadPanelItem runat="server" Expanded="true" Height="30px" Text="Business Settings" ImageUrl="~/Images/Icons/business_settings.png">
                                <Items>
                                    <telerik:RadPanelItem runat="server" Target="MainPane" Text="Company Setup" onclick="ReLoadWindow('UserHome.aspx','User Management',750,500)">
                                    </telerik:RadPanelItem>
                                    <telerik:RadPanelItem runat="server" onclick="addtab('Test.aspx','Bank')" Text="Bank">
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Height="30px" Text="Human Resource" ImageUrl="~/Images/Icons/HRM_icon.png">
                                <Items>
                                    <telerik:RadPanelItem runat="server" NavigateUrl="~/HRM/Employee.aspx"
                                        Target="MainPane" Text="Employee">
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Height="30px" Text="Stock & Inventory" ImageUrl="~/Images/Icons/SI.png">
                                <Items>
                                    <telerik:RadPanelItem runat="server" NavigateUrl="~/SI/Items.aspx"
                                        Target="MainPane" Text="Items">
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Height="30px" Text="Security" ImageUrl="~/Images/Icons/security.png">
                                <Items>
                                    <telerik:RadPanelItem runat="server" NavigateUrl="~/Security/SecurityUsers.aspx"
                                        Target="MainPane" Text="User">
                                    </telerik:RadPanelItem>
                                    <telerik:RadPanelItem runat="server" NavigateUrl="~/Account/ChangePassword.aspx"
                                        Target="MainPane" Text="Change Password">
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelBar>
                </telerik:RadPane>
                <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />
               
                <telerik:RadPane runat="server" ID="MainPane" BackColor="#f1f5fb" Height="100%" >
                        <telerik:RadTabStrip ID="RadTabStrip1" runat="server"  MultiPageID="RadMultiPage1"
                            SelectedIndex="0" onclientload="OnClientLoad" >
                            <Tabs>
                                <telerik:RadTab Text="Dashboard">
                                </telerik:RadTab>
                            </Tabs>
                        </telerik:RadTabStrip>
                        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"  >
                            <telerik:RadPageView ID="RadPageView1" runat="server" Height="100%"  ContentUrl="UserHome.aspx">
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
                    <script type="text/javascript">
                        function pageLoad() {
 
                            var $ = $telerik.$;
                            var height = $(window).height();
 
                            var multiPage = $find("<%=RadMultiPage1.ClientID %>");
                            var totalHeight = height - 100;
                            multiPage.get_element().style.height = totalHeight + "px";
 
                        }
                    </script>
 
 
                </telerik:RadPane>
            </telerik:RadSplitter>
            <telerik:RadWindowManager Visible="true" ID="Singleton"  CssClass="body_bg" EnableAjaxSkinRendering="true" Behavior="Default" VisibleOnPageLoad="false" runat="server" >
                <Windows>
                 
                    <telerik:RadWindow VisibleOnPageLoad="false" CssClass="body_bg" OffsetElementID="MapPane" Modal="false" Left="0px" Top="20px" Width="450px" Height="500px" Behavior="default" NavigateUrl="Widgets/CreateUser.aspx"  runat="server" ID="CreateUser" >
                    </telerik:RadWindow>
                     
               </Windows>
            </telerik:RadWindowManager>
            </div>
 
 
    </div>
    </form>
</body>
</html>
TabStrip
Nencho
Telerik team
 answered on 28 Nov 2012
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
Security
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
3366 3367
3368
3369 3370
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how