Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
109 views
I have been using the  Telerik.Web.UI.dll 2008.3.1105.20 in my project but some of the new features of telerik Controls are missing here.

For better UI and performance I need to Upgrade it to the Latest version but when I replace the dll and Xml file in the Bin directory to newer version my Sites UI is totally disturbed How do I handle it.

What is the right Process to Upgrade to the latest Version.
Daniel
Telerik team
 answered on 04 Mar 2010
1 answer
272 views
HI,

I am having some problems implementing a complex ajax solution into SharePoint and was hoping for some help. I am building a SharePoint webpart with several UserControls, some of which are in RadWindows, I have read several threads and have attempted several approaches, and still cant seem to get the technique hashed out.

Here is an example of what I am trying to do.

I have one main UserControl which Contains all the rest of the user controls.

ViewInitializer.ascx
<%@ Assembly Name="Remington.Sali.View, Version=1.0.0.0, Culture=neutral, PublicKeyToken=2261864871064238" %> 
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SaliViewInitializer.ascx.cs" Inherits="Remington.Sali.View.Sali.SaliViewInitializer" %> 
<%@ Register Assembly="Telerik.Web.UI, Version=2009.3.1314.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" Namespace="Telerik.Web.UI" TagPrefix="Telerik" %> 
<%@ Register TagPrefix="ctrl" TagName="RepActivitiesView" Src="ActivitiesView.ascx" %> 
<%@ Register TagPrefix="ctrl" TagName="StudentSearchView" Src="StudentSearchView.ascx" %> 
<%@ Register TagPrefix="ctrl" TagName="LeadInsertView" Src="LeadInsertView.ascx" %> 
<%@ Register TagPrefix="ctrl" TagName="StudentActivitiesView" Src="StudentActivitiesView.ascx" %> 
<%@ Register TagPrefix="ctrl" TagName="StudentMultipleInquiriesView" Src="StudentMultipleInquiryView.ascx" %> 
<%@ Register TagPrefix="ctrl" TagName="StudentStateManagementView" Src="StudentStateManagementView.ascx" %> 
<%@ Register TagPrefix="ctrl" TagName="StudentDetailsView" Src="StudentDetailsView.ascx" %> 
<%@ Register TagPrefix="ctrl" TagName="AddEditActivityView" Src="AddEditActivityView.ascx" %> 
 
<Telerik:RadSkinManager ID="TelRadSkinMngrMain" runat="server" Skin="Windows7" /> 
<Telerik:RadScriptManager ID="rsmSaliScriptManager" runat="server" EnablePartialRendering="true" /> 
<Telerik:RadAjaxManager ID="RadAjaxManager" runat="server" OnAjaxRequest="AjaxManager_AjaxRequest" > 
</Telerik:RadAjaxManager> 
 
<Telerik:RadCodeBlock ID="RadCodeBlock" runat="server">  
<script type="text/javascript">  
      
    function AjaxRequest(arguments) {  
        var ajaxManager = $find("<%= RadAjaxManager.ClientID %>");  
        ajaxManager.ajaxRequest(arguments);  
    }  
 
 
 
      
 
//    function showContent() {  
//        //hide loading status...  
//        document.getElementById("loading").style.display = 'none';  
 
//        //show content  
//        document.getElementById("content").style.display = 'block';  
//    }  
      
    function Init() {  
        if (document && document.getElementById) {  
            var divStudentInformation = document.getElementById("divStudentInformation");  
            var divRepActivities = document.getElementById("divRepActivities");  
            if (divStudentInformation && divRepActivities) {  
                divStudentInformation.style.display = "block";  
                divRepActivities.style.display = "none";  
            }  
 
//            window.onload = function() {  
//                showContent();  
//            }  
//              
//            //  
//              
//            document.write('<div id="loading">Loading... Please wait.</div>');  
//            document.getElementById("content").style.display = 'none';  
        }  
    }  
 
    function TelRadPnlBarLeftmenu_ClickHandler(sender, eventArgs) {  
 
        if (document && document.getElementById) {  
 
            var pbItemText = eventArgs.get_item().get_text();  
            var divStudentInformation = document.getElementById("divStudentInformation");  
            var divRepActivities = document.getElementById("divRepActivities");  
 
            if (divStudentInformation && divRepActivities) {  
 
                if (pbItemText == "Students") {  
                    divStudentInformation.style.display = "block";  
                    divRepActivities.style.display = "none";  
                }  
 
                if (pbItemText == "Activities") {  
                    divStudentInformation.style.display = "none";  
                    divRepActivities.style.display = "block";  
                }  
 
                if (pbItemText == "Lead Insert") {  
 
                    var oWnd = $find("<%=TelRadWindowAddLead.ClientID%>");  
                    oWnd.show();    
                    //window.radopen(null, "TelRadWindowAddLead");  
                }  
 
            }  
        }  
    }  
 
    function CloseLeadInsertForm() {  
        var oWnd = $find("<%=TelRadWindowAddLead.ClientID%>");  
        oWnd.close();  
    }  
 
    function CloseAddEditActivityForm() {  
        var oWnd = $find("<%=AddActivityWIndow.ClientID%>");  
        oWnd.close();  
    }  
 
    function StudentActivitiesToolBar_ClickHandler(sender, eventArgs) {  
        //If you open the window by javascript, you will need to  
        //cancel the postback event and to execute the javascript:  
 
        var commandName = eventArgs.get_item().get_commandName();  
 
        //Checks which item is clicked  
        if (commandName == "AddActivity") {  
              
            // Open Window  
            var oWnd = $find("<%=AddActivityWIndow.ClientID%>");  
            oWnd.show();  
 
            AjaxRequest('InitAddEditActivityForm')  
              
        }  
 
    }     
      
      
 
    </script> 
</Telerik:RadCodeBlock> 
 
 
 
<div id="content">  
<div id="DivSaliMain" runat="server" style="height: 600px; width: 100%;">  
    <Telerik:RadToolBar ID="TelRadToolBarAdmin" CssClass="fontMenuSuper" runat="server" 
        Orientation="Horizontal" Width="100%" Height="30px" Style="z-index: 90001">  
        <Items> 
            <Telerik:RadToolBarButton ID="RadToolBarBtn" runat="server" Text="Rep Select">  
                <ItemTemplate> 
                  <div style="text-align:right;">  
                    <Telerik:RadComboBox ID="ddlAdminSelectRep" AutoPostBack="true" Visible="false" runat="server" 
                        OnSelectedIndexChanged="ddlAdminSelectRep_OnSelectedIndexChanged">  
                    </Telerik:RadComboBox> 
                  </div> 
                </ItemTemplate> 
            </Telerik:RadToolBarButton> 
        </Items> 
    </Telerik:RadToolBar> 
    <Telerik:RadSplitter ID="TelRadSpltrMain" ResizeWithBrowserWindow="true" ResizeWithParentPane="true" 
        runat="server" Height="100%" Width="100%" ResizeMode="EndPane" RegisterWithScriptManager="true">  
        <Telerik:RadPane MaxWidth="220" MinWidth="125" ID="TelRadPnLeftMenu" runat="server" 
            Collapsed="false" Width="220px" Scrolling="None" Height="100%" BackColor="#CEDFF3">  
            <Telerik:RadPanelBar runat="server" ID="TelRadPnlBarLeftmenu" Width="100%" Height="100%" 
                ExpandMode="FullExpandedItem" BorderWidth="0px"   
                AllowCollapseAllItems="False" OnClientItemClicked="TelRadPnlBarLeftmenu_ClickHandler">  
                <Items> 
                    <Telerik:RadPanelItem Text="Students" Expanded="true" ImageUrl="~/Resources/Images/Students.gif" 
                        Height="95%">  
                        <Items> 
                            <Telerik:RadPanelItem> 
                                <ItemTemplate> 
                                    <Telerik:RadTreeView ID="RadTreeView1" runat="server">  
                                        <ContextMenus> 
                                            <Telerik:RadTreeViewContextMenu ID="FilterContextMenu" runat="server">  
                                                <Items> 
                                                    <Telerik:RadMenuItem Text="New Filter" /> 
                                                </Items> 
                                            </Telerik:RadTreeViewContextMenu> 
                                        </ContextMenus> 
                                        <Nodes> 
                                            <Telerik:RadTreeNode ImageUrl="~/Resources/Images/Filter.gif" Text="My Filters" ContextMenuID="FilterContextMenu">  
                                            </Telerik:RadTreeNode> 
                                        </Nodes> 
                                    </Telerik:RadTreeView> 
                                    <Telerik:RadTreeView ID="TelRadTreeViewFilters" runat="server" OnNodeClick="TelRadTreeViewFilters_OnNodeClick">  
                                        <Nodes> 
                                            <Telerik:RadTreeNode ImageUrl="~/Resources/Images/Item.gif" Text="My Leads" /> 
                                            <Telerik:RadTreeNode ImageUrl="~/Resources/Images/Item.gif" Text="Unassigned Leads" /> 
                                        </Nodes> 
                                    </Telerik:RadTreeView> 
                                </ItemTemplate> 
                            </Telerik:RadPanelItem> 
                        </Items> 
                    </Telerik:RadPanelItem> 
                    <Telerik:RadPanelItem Text="Activities" ImageUrl="~/Resources/Images/Calendar.gif" 
                        Height="95%">  
                        <Items> 
                            <Telerik:RadPanelItem> 
                                <ItemTemplate> 
                                    <Telerik:RadCalendar runat="server" ID="cldrActivityDateSelect" EnableMultiSelect="false" 
                                        OnSelectionChanged="cldrActivityDateSelect_OnSelectionChanged" AutoPostBack="true" /> 
                                    <br /> 
                                    <div style="text-align: center;">  
                                        <asp:Button ID="btnViewAllMyActivities" OnClick="btnViewAllMyActivities_Click" Text="All My Activities" 
                                            runat="server" /> 
                                    </div> 
                                </ItemTemplate> 
                            </Telerik:RadPanelItem> 
                        </Items> 
                    </Telerik:RadPanelItem> 
                    <Telerik:RadPanelItem Text="Lead Insert" Height="95%" Expanded="false" PreventCollapse="true" ImageUrl="~/Resources/Images/Students.gif">  
                    </Telerik:RadPanelItem> 
                </Items> 
            </Telerik:RadPanelBar> 
        </Telerik:RadPane> 
        <Telerik:RadSplitBar Font-Bold="True" ID="TelRadSplitBarLeftMenu" Width="100%" SkinID="Windows7" 
            runat="server" CollapseMode="Forward" RegisterWithScriptManager="true" EnableEmbeddedSkins="True" 
            Height="100%" EnableEmbeddedScripts="True" /> 
        <Telerik:RadPane ID="TelRadPnMain" RegisterWithScriptManager="true" runat="server" 
            Width="100%" Height="100%" Scrolling="None">  
            <div id="DivMainAppLoad" runat="server" style="height: 100%; width: 100%">  
                <div id="divStudentInformation">  
                  
                    <Telerik:RadSplitter RegisterWithScriptManager="true" ID="TelRadSplitterStudentInfo" 
                        ResizeWithBrowserWindow="true" runat="server" Height="100%" Width="100%" Orientation="Horizontal" 
                        ResizeWithParentPane="true" ResizeMode="EndPane">  
                        <Telerik:RadPane ID="TelRadPaneStudentInfoTop" runat="server" 
                            Collapsed="false" Width="100%" Height="100%" Scrolling="None">  
                            <ctrl:StudentSearchView ID="ctrlStudentSearchView" runat="server" /> 
                        </Telerik:RadPane> 
                        <Telerik:RadSplitBar ID="TelRadsplitbarStudentDetailItems"   
                            runat="server" CollapseMode="Forward" /> 
                        <Telerik:RadPane Height="100%" Width="100%" ID="TelRadPnStudentItems" RegisterWithScriptManager="true" 
                            runat="server" Scrolling="None" Collapsed="false">  
                            <Telerik:RadTabStrip runat="server" ID="TelRadTabStripStudentItems" SelectedIndex="0" 
                                MultiPageID="TelRadMultiPageStudentItems"   
                                OnTabClick="TelRadTabStripStudentItems_OnTabClick">  
                                <Tabs> 
                                    <Telerik:RadTab Text="Student Details">  
                                    </Telerik:RadTab> 
                                    <Telerik:RadTab Text="Activities">  
                                    </Telerik:RadTab> 
                                    <Telerik:RadTab Text="Inquiries">  
                                    </Telerik:RadTab> 
                                    <Telerik:RadTab Text="Admissions Tasks">  
                                    </Telerik:RadTab> 
                                </Tabs> 
                            </Telerik:RadTabStrip> 
                            <Telerik:RadMultiPage runat="server" ScrollBars="None" ID="TelRadMultiPageStudentItems" 
                                SelectedIndex="0" Height="370" Width="100%" RegisterWithScriptManager="true">  
                                <Telerik:RadPageView runat="server" ID="RadPageView1" Width="100%" Height="100%">  
                                    <ctrl:StudentDetailsView ID="ctrlStudentDetailsView" runat="server" /> 
                                </Telerik:RadPageView> 
                                <Telerik:RadPageView runat="server" ID="TelRadPageVwActivities" Width="100%" Height="100%">  
                                    <ctrl:StudentActivitiesView ID="ctrlStudentActivitiesView" runat="server" /> 
                                </Telerik:RadPageView> 
                                <Telerik:RadPageView runat="server" ID="TelRadPageVwMultInquirys">  
                                    <ctrl:StudentMultipleInquiriesView ID="ctrlStudentMultipleInquiriesView" runat="server" /> 
                                </Telerik:RadPageView> 
                                <Telerik:RadPageView runat="server" ID="TelRadPageVwStateManagement">  
                                    <ctrl:StudentStateManagementView ID="ctrlStudentStateManagementView" runat="server" /> 
                                </Telerik:RadPageView> 
                            </Telerik:RadMultiPage> 
                        </Telerik:RadPane> 
                    </Telerik:RadSplitter> 
                      
                </div> 
                <div id="divRepActivities">  
                    <ctrl:RepActivitiesView ID="ctrlRepActivitiesView" runat="server" /> 
                </div> 
            </div> 
        </Telerik:RadPane> 
    </Telerik:RadSplitter> 
</div> 
 
 
        <Telerik:RadWindow ID="TelRadWindowAddLead" runat="server" Modal="true" AutoSize="False" Behaviors="None" 
             Height="750" Width="550" Title="Lead Insert">  
            <contenttemplate> 
                <ctrl:LeadInsertView ID="ctrlLeadInsertView" runat="server" /> 
            </contenttemplate> 
        </Telerik:RadWindow> 
          
        <Telerik:RadWindow ID="AddActivityWIndow" runat="server" Modal="true" AutoSize="False" Behaviors="Close" 
             Height="750" Width="600" ReloadOnShow="true">  
            <ContentTemplate> 
                <ctrl:AddEditActivityView ID="ctrlAddEditActivityView" runat="server" /> 
            </ContentTemplate> 
        </Telerik:RadWindow> 
</div> 

Here is the code behind (ViewInitializer.ascx.cs) It's slimed down some to focus on the problem..
 
    public partial class SaliViewInitializer : System.Web.UI.UserControl  
    {  
 
        public void AjaxManager_AjaxRequest(object sender, AjaxRequestEventArgs e)  
        {  
                switch (e.Argument)  
                {  
                    case "InitAddEditActivityForm":  
 
                        AddEditActivityView ctrlAddEditActivityView =  
                            (AddEditActivityView)AddActivityWIndow.ContentContainer.FindControl("ctrlAddEditActivityView");  
 
                        ctrlAddEditActivityView.PreformOpenAddActivity(SessionData.Current.User.SelectedStaffId,  
                                                                       SelectedStudentId);  
                        break;  
                }  
        }   
 
 
       
 
        private void WireUpAjaxSettings()  
        {  
            RadAjaxManager AjaxManager = RadAjaxManager.GetCurrent(Page);  
            AddEditActivityView ctrlAddEditActivityView = (AddEditActivityView)AddActivityWIndow.ContentContainer.FindControl("ctrlAddEditActivityView");  
            Panel pnlAddEditActivity = (Panel)ctrlAddEditActivityView.FindControl("pnlAddEditActivity");  
            RadAjaxLoadingPanel lpnAddEditActivity = (RadAjaxLoadingPanel)ctrlAddEditActivityView.FindControl("lpnAddEditActivity");  
            RadToolBar StudentActivitiesToolBar = (RadToolBar)ctrlStudentActivitiesView.FindControl("StudentActivitiesToolBar");  
            AjaxManager.AjaxSettings.AddAjaxSetting(StudentActivitiesToolBar, pnlAddEditActivity, lpnAddEditActivity);  
 
        }  
 
 
        protected void Page_Load(object sender, EventArgs e)  
        {  
 
            if (SessionData.Current.User == null)  
            {  
                IStaffRepository staffRepo = RepositoryProvider.GetRepository<IStaffRepository>();  
                SessionData.Current.User = staffRepo.GetUserByAccountName(Environment.UserName);  
            }  
        }  
 
 
        protected void Page_Init(object sender, EventArgs e)  
        {  
            RadAjaxManager AjaxManager = new RadAjaxManager();  
            AjaxManager.ID = "SaliRadAjaxManager";  
            AjaxManager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(AjaxManager_AjaxRequest);  
            Page.Controls.Add(AjaxManager);  
 
            ctrlStudentSearchView.StudentSelected += new EventHandler<SelectStudentEventArgs>(ctrlStudentSearchView_StudentSelected);  
        }  
 
        protected void Page_PreRender(object sender, EventArgs e)  
        {  
            WireUpAjaxSettings();  
 
            if (!Page.IsPostBack)  
            {  
                if (SessionData.Current.User.Roles.Contains(UserRoles.Administrator))  
                {  
                    ILookUpRepository lookupRepo = RepositoryProvider.GetRepository<ILookUpRepository>();  
                    RadToolBarItem textItem = TelRadToolBarAdmin.FindItemByText("Rep Select");  
                    RadComboBox ddlAdminSelectRep = (RadComboBox)textItem.FindControl("ddlAdminSelectRep");  
                    ddlAdminSelectRep.Visible = true;  
                    ddlAdminSelectRep.DataSource = lookupRepo.GetNonAdminRemingtonStaff();  
                    ddlAdminSelectRep.DataValueField = "Id";  
                    ddlAdminSelectRep.DataTextField = "Code";  
                    ddlAdminSelectRep.DataBind();  
                    RadComboBoxItem li = new RadComboBoxItem(SessionData.Current.User.UserName, SessionData.Current.User.StaffId.ToString());  
                    ddlAdminSelectRep.Items.Insert(0, li);  
                    ddlAdminSelectRep.SelectedIndex = 0;  
                }  
 
                if (!Page.ClientScript.IsStartupScriptRegistered("Init"))  
                {  
 
                    Page.ClientScript.RegisterStartupScript  
                        (this.GetType(), "Init", "Init();", true);  
 
                }  
            }  
        }  
 
     }  
 

Now within this user control I have Two other user controls, One trying to update the other. StudentActivitiesView.ascx trying to update AddEditActivitiesView.ascx.

Here is the StudentActivitiesView.ascx
<Telerik:RadAjaxLoadingPanel ID="lpnStudentActivities" runat="server" /> 
 
<asp:Panel ID="apnStudentActivities" runat="server">  
 
<Telerik:RadToolBar ID="StudentActivitiesToolBar" RegisterWithScriptManager="true"   
                    runat="server" Width="100%" Height="30px" OnClientButtonClicked="StudentActivitiesToolBar_ClickHandler">  
                    <Items> 
                        <Telerik:RadToolBarButton id="TelRadToolBarBtnAddActivity" Enabled="True" runat="server" 
                            Text="Add Activity" CommandName="AddActivity">  
                        </Telerik:RadToolBarButton> 
                    </Items> 
                </Telerik:RadToolBar> 
 
      
<Telerik:RadGrid RegisterWithScriptManager="true" AllowPaging="true" AllowSorting="true" 
    ID="TelRadGridActivities" OnNeedDataSource="TelRadGridActivities_OnNeedDtaSrc" 
    PageSize="4" VirtualItemCount="4" AutoGenerateColumns="false" runat="server" 
    Width="100%" Height="69">  
            
           Grid COde Here....  
 
</Telerik:RadGrid> 
</asp:Panel> 

AddEditActivitiesView.ascx
<Telerik:RadAjaxLoadingPanel ID="lpnAddEditActivity" runat="server" /> 
<asp:Panel ID="pnlAddEditActivity" runat="server">  
<center> 
        <div class="ModalWindowPanel">  
            Long form for editing activities goes here......  
        </div> 
</center> 
</asp:Panel> 

SO what is supposed to happen is when StudentActivitiesToolBar is clicked it fires OnClientButtonClicked="StudentActivitiesToolBar_ClickHandler" in ViewInitializer.ascx, then StudentActivitiesToolBar_ClickHandler, opens the the rad window and makes an AjaxRequest to AjaxManager_AjaxRequest where it fires off ctrlAddEditActivityView.PreformOpenAddActivity which is supposed to set the form up for adding or editing an activity. This is how I am passing parameters to the UserControl.

I have got to the point where I have the client click event running the severside code to populate the form using the needed parameters but I can't get the form to refresh with the new data.

At first I had the AjaxManager in the ViewInitializer.ascx Control, and was able to get as far as running the server side code in the UserControl but I could not get the control to refresh and Loading panel to display. I then tried the AjaxManagerProxy and could not get that to work, Then I read in a thread that YOu should not use RadAjaxPanels with the AjaxManager so I changed them to asp:Panels, still could not get it to work. I then tried declaring the AjaxSetting in the CodeBehind of the ViewInitializer.ascx control and was unsuccessful there too. I was getting a null reference exception on the ajax manager when trying to Call AjaxManager.AddAjaxSetting. I then read that in a User control that The AjaxManager Has to be Declaired in the OnInit Method programmatically, and that the Ajax Settings have to be applied in the PreRender Event; This in now causing me problems when Trying to do this $find("<%= RadAjaxManager.ClientID %>"); .

   I am sure that I just have to be missing a few key concepts as they apply to this scenario, There seem to be several approaches and that apply to various situations and I'm not sure exactly how to go about it at this point. If anyone can help, myself and the folks at Remington College would be super grateful.

Thanks,

-Adam
Iana Tsolova
Telerik team
 answered on 04 Mar 2010
2 answers
671 views

Hi,

i have one Radtabstrip in aspx page having 3 tabs inside it.

<

 

telerik:RadTabStrip ID="TabStrip" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0">

 

 

<Tabs>

 

 

<telerik:RadTab Text="person"></telerik:RadTab>

 

 

<telerik:RadTab Text="finance"></telerik:RadTab>

 

 

<telerik:RadTab Text="Deadlines"></telerik:RadTab>

 

 

</Tabs>

 

 

</telerik:RadTabStrip>

now i want to change the text of tab inside my code in aspx.cs at runtime.
example like person became persondetails.

i could not able to find the controls and collection in code behind file.

can anyone please help me.

thanks in advance.

 

bharat kumar
Top achievements
Rank 1
 answered on 04 Mar 2010
2 answers
200 views
Hi,
I have Rad date time picker in my project. I need to restrict the resizing the Rad date time picker. but i couldnot. Kindly help me that how to do.  Herewith I attached the image also. kindly go through....
PALANISAMY V
Top achievements
Rank 1
 answered on 04 Mar 2010
1 answer
102 views
Hi, I'm having some problems to use the RadFormDecorator in the development of an application. With a RadFormDecorator in the page, the textboxes aren't showing right in the Internet Explorer. Using Firefox there is no issue.

I've attached some pictures demonstrating the problems. I could use some advice on how to make the textboxes show correctly with the RadFormDecorator in any browser.

Thanks,

Simón de Lizarza
Georgi Tunev
Telerik team
 answered on 04 Mar 2010
1 answer
131 views
*EDIT - RESOLVED*
To solve this issue I set the Skin property, they should add that to their demo code.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
I tried setting up a simple loading panel using
http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/loadingimages/defaultcs.aspx

I have a couple issues.  First, I don't see where they specify an image or anything else inside the loading panel.  Also, transparency and background position are not working.  The only code behind I have was to handle button click which causes a thread sleep, so I didn't see the point of adding it.  I'm using Telerik.Web.UI version 2009.1.527.20.  Is anybody else having this problem?

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test.aspx.vb" Inherits="MassMemberMoveUI.Test" %> 
 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">  
<head id="Head1" runat="server">  
    <title></title>  
</head> 
<body> 
    <form runat="server" id="mainForm" method="post">  
    <!-- content start --> 
    <telerik:RadScriptManager ID="ScriptManager1" runat="server" /> 
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="Panel1">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <fieldset> 
        <asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Height="275px">  
            <asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click" 
                Style="margin-top: 15px; margin-left: 15px" /> 
        </asp:Panel> 
    </fieldset> 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" EnableSkinTransparency="true" 
        BackgroundPosition="Bottom">  
    </telerik:RadAjaxLoadingPanel> 
    <!-- content end --> 
    </form> 
</body> 
</html> 
Dimo
Telerik team
 answered on 04 Mar 2010
1 answer
101 views
Hi,
I am binding radpanel with linq datasource.How can i expand 1st rad panel item on page load?
Princy
Top achievements
Rank 2
 answered on 04 Mar 2010
1 answer
109 views
Hi

How can i detect if cookies are enabled/disabled client side ?

thanks for any tips.

best regards
Daniel
Telerik team
 answered on 04 Mar 2010
6 answers
190 views
Hello

I am trying to upload an image file using radgrid. I have followd the binary image upload in grid demo but my application is a bit diffirent and have tried several methods to accomplish this. I am adding my update parameters and data and calling the update method in code behind from the RadGrid_UpdateCommand.

I have tried putting the upload code in the UpdateCommand,  DataBount and ItemCreated events but I am getting an error with the parameter and I am not sure if I am going on the right track.

Here is the aspx markup:

        <telerik:RadGrid ID="rgSlides" runat="server" GridLines="None" Skin="Hay" PageSize="8" 
            ClientSettings-Scrolling-SaveScrollPosition="true" AllowPaging="True">  
            <HeaderStyle HorizontalAlign="Left" /> 
            <ItemStyle HorizontalAlign="Left" /> 
            <AlternatingItemStyle HorizontalAlign="Left" /> 
            <ClientSettings EnablePostBackOnRowClick="true">  
                <Selecting AllowRowSelect="true" /> 
            </ClientSettings> 
            <PagerStyle Mode="NumericPages" /> 
            <MasterTableView PageSize="5" AutoGenerateColumns="False" DataKeyNames="OrderID" 
                CommandItemDisplay="Top" ShowHeadersWhenNoRecords="true" NoMasterRecordsText="Click New Slide to insert a new slide row." EditMode="PopUp">  
                <Columns> 
                    <telerik:GridButtonColumn CommandName="DeleteRow" CommandArgument="DeleteRow" HeaderText="" 
                        Text="Delete" UniqueName="DeleteRow">  
                    </telerik:GridButtonColumn> 
                    <telerik:GridTemplateColumn UniqueName="ID" SortExpression="ID" ReadOnly="true" Visible="false">  
                        <ItemTemplate> 
                            <asp:Label ID="lblID" runat="server" Text='<% #Bind("ID") %>' /> 
                        </ItemTemplate> 
                    </telerik:GridTemplateColumn> 
                    <telerik:GridTemplateColumn HeaderText="CustomerID" UniqueName="CustomerID" SortExpression="CustomerID" Visible="false">  
                    <ItemTemplate> 
                        <asp:Label ID="lblCustomerID" runat="server" Text='<%#Bind("CustomerID") %>' /> 
                    </ItemTemplate> 
                    </telerik:GridTemplateColumn> 
                    <telerik:GridTemplateColumn HeaderText="OrderID" UniqueName="OrderID" SortExpression="OrderID" Visible="false">  
                        <ItemTemplate> 
                            <asp:Label ID="lblOrderID" runat="server" Text='<%# Bind("OrderID") %>' /> 
                        </ItemTemplate> 
                    </telerik:GridTemplateColumn> 
                    <telerik:GridTemplateColumn HeaderText="Business Number" UniqueName="BusinessListingNumber" SortExpression="BusinessListingNumber">  
                        <ItemTemplate> 
                            <asp:Label ID="lblBusinessListingNumber" runat="server" Text='<%# Bind("BusinessListingNumber") %>' /> 
                        </ItemTemplate> 
                    </telerik:GridTemplateColumn> 
                    <telerik:GridTemplateColumn HeaderText="Slide ID" UniqueName="SlideID" SortExpression="SlideID">  
                        <ItemTemplate> 
                            <asp:Label ID="lblSlideID" runat="server" Text='<%# Bind("SlideID") %>' /> 
                        </ItemTemplate> 
                    </telerik:GridTemplateColumn> 
                    <telerik:GridTemplateColumn HeaderText="FileName" UniqueName="FileName" SortExpression="FileName" Visible="false">  
                        <ItemTemplate> 
                            <asp:Label ID="lblFileName" runat="server" Text='<%# Bind("FileName") %>' /> 
                        </ItemTemplate> 
                    </telerik:GridTemplateColumn> 
                    <telerik:GridTemplateColumn HeaderText="Title" UniqueName="Title" SortExpression="Title">  
                        <ItemTemplate> 
                            <asp:Label ID="lblTitle" runat="server" Text='<%# Bind("Title") %>' /> 
                        </ItemTemplate> 
                        <EditItemTemplate> 
                            <asp:TextBox ID="txtTitle" runat="server" Text='<%# Bind("Title") %>' /> 
                        </EditItemTemplate> 
                    </telerik:GridTemplateColumn> 
                    <telerik:GridTemplateColumn HeaderText="Description" UniqueName="Description" SortExpression="Description">  
                    <ItemTemplate> 
                    <asp:Label ID="lblDescription" runat="server" Text='<%# Bind("Description") %>'></asp:Label> 
                    </ItemTemplate> 
                        <EditItemTemplate> 
                            <asp:TextBox ID="txtDescription" runat="server" Text='<%# Bind("Description") %>' Width="350px" Height="50px" TextMode="MultiLine" />                              
                        </EditItemTemplate> 
                    </telerik:GridTemplateColumn> 
                    <telerik:GridBinaryImageColumn DataField="ImageData" HeaderText="Slide" UniqueName="Upload" ImageAlign="NotSet"   
                    ImageHeight="80px" ImageWidth="80px" ResizeMode="Fit" DataAlternateTextField="Description" DataAlternateTextFormatString="Image od {0}">  
                    <HeaderStyle Width="10%" /> 
                    </telerik:GridBinaryImageColumn> 
                    <%--<telerik:GridTemplateColumn Visible="false">  
                    <EditItemTemplate> 
                        <telerik:RadUpload ID="RadUpload1" runat="server">  
                        </telerik:RadUpload> 
                    </EditItemTemplate> 
                    </telerik:GridTemplateColumn>--%> 
                    <telerik:GridEditCommandColumn>                    
                    </telerik:GridEditCommandColumn> 
                </Columns> 
 
<EditFormSettings CaptionFormatString="Update Slide Info for SlideID: {0}" CaptionDataField="SlideID"   
FormCaptionStyle-Font-Bold="true" PopUpSettings-Modal="true" PopUpSettings-Height="220" PopUpSettings-Width="450px">  
<EditColumn UniqueName="EditCommandColumn1" ButtonType="PushButton">  
</EditColumn> 
</EditFormSettings> 
                <PagerStyle Mode="NextPrev" /> 
                <CommandItemTemplate> 
                    <table style="float: left; width: 100%;">  
                        <tr> 
                            <td style="text-align: left">  
                                <asp:Button ID="btnInsertNewRecord" runat="server" CommandName="InsertNewRecord" 
                                    Text="New Slide" Width="90px" Height="22px" /> 
                            </td> 
                            <td style="text-align: right">  
                                <asp:Button ID="btnRefresh" runat="server" CommandName="Refresh" Text="Refresh" Height="22px" /> 
                            </td> 
                        </tr> 
                    </table> 
                </CommandItemTemplate> 
            </MasterTableView> 
        </telerik:RadGrid> 
        <br /><br /> 
        <asp:Label ID="lblTemplate" runat="server" Text="Template Label"></asp:Label> 
        <br /> 
        <br /> 
        <asp:Label ID="lblSlidesTest" runat="server" ForeColor="Blue" /> 
        <asp:SqlDataSource ID="dsSlides" runat="server" ConnectionString="<%$ myconnectionstring %>"   
        SelectCommand="admin_Customers_BusinessListings_Slides_SelectSlideInfo_1" SelectCommandType="StoredProcedure"   
        InsertCommand="admin_Customers_BusinessListings_Slides_InsertPrimaryInfo" InsertCommandType="StoredProcedure"   
        DeleteCommand="admin_Customers_BusinessListings_Slides_DeleteSlideRow_1" DeleteCommandType="StoredProcedure"   
        UpdateCommand="admin_Customers_BusinessListings_Slides_UpdateSlideInfo_1" UpdateCommandType="StoredProcedure">  
        <SelectParameters> 
        <asp:Parameter Name="CustomerID" /> 
        <asp:Parameter Name="OrderID" /> 
        <asp:Parameter Name="BusinessListingNumber" /> 
        </SelectParameters> 
        <InsertParameters> 
        <asp:Parameter Name="CustomerID" Type="String" /> 
        <asp:Parameter Name="OrderID" Type="String" /> 
        <asp:Parameter Name="BusinessListingNumber" Type="Int16" /> 
        </InsertParameters> 
        <DeleteParameters> 
        <asp:Parameter Name="CustomerID" Type="String" /> 
        <asp:Parameter Name="OrderID" Type="String" /> 
        <asp:Parameter Name="SlideID" Type="String" /> 
        <asp:Parameter Name="BusinessListingNumber" Type="Int16" /> 
        </DeleteParameters> 
        <UpdateParameters> 
        <asp:Parameter Name="CustomerID" Type="String" /> 
        <asp:Parameter Name="OrderID" Type="String" /> 
        <asp:Parameter Name="SlideID" Type="String" /> 
        <asp:Parameter Name="BusinessListingNumber" Type="Int16" /> 
        <asp:Parameter Name="Title" Type="String" /> 
        <asp:Parameter Name="Description" Type="String" /> 
        <asp:Parameter Name="ImageData" Type="Byte"/> 
        </UpdateParameters> 
        </asp:SqlDataSource> 

and here is the code behind:

    Protected Sub rgSlides_UpdateCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgSlides.UpdateCommand  
        If TypeOf e.Item Is GridEditableItem AndAlso e.Item.IsInEditMode Then 
            'Get the value of the controls inside the grid template  
            Dim editItem As GridEditableItem = DirectCast(e.Item, GridEditableItem)  
            Dim CustomerID As String = TryCast(editItem("CustomerID").FindControl("lblCustomerID"), Label).Text  
            Dim OrderID As String = TryCast(editItem("OrderID").FindControl("lblOrderID"), Label).Text  
            Dim SlideID As String = TryCast(editItem("SlideID").FindControl("lblSlideID"), Label).Text  
            Dim BusListNo As String = TryCast(editItem("BusinessListingNumber").FindControl("lblBusinessListingNumber"), Label).Text  
 
            'Get the value of the controls inside in the edit form  
            Dim editFormItem As GridEditFormItem = DirectCast(e.Item, GridEditFormItem)  
            Dim Title As String = DirectCast(editFormItem.FindControl("txtTitle"), TextBox).Text  
            Dim Desc As String = DirectCast(editFormItem.FindControl("txtDescription"), TextBox).Text  
 
            'Update the slide  
            Dim upload As RadUpload = DirectCast(editItem.EditManager.GetColumnEditor("Upload"), GridBinaryImageColumnEditor).RadUploadControl  
 
            'Fill update param's and call update method  
            dsSlides.UpdateParameters("CustomerID").DefaultValue = CustomerID  
            dsSlides.UpdateParameters("OrderID").DefaultValue = OrderID  
            dsSlides.UpdateParameters("SlideID").DefaultValue = SlideID  
            dsSlides.UpdateParameters("BusinessListingNumber").DefaultValue = BusListNo  
            dsSlides.UpdateParameters("Title").DefaultValue = Title  
            dsSlides.UpdateParameters("Description").DefaultValue = Desc  
            dsSlides.UpdateParameters("ImageData").DefaultValue = upload  
            dsSlides.Update()  
        End If 
    End Sub 
 
    Protected Sub rgSlides_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles rgSlides.ItemDataBound  
        If TypeOf e.Item Is GridEditableItem AndAlso e.Item.IsInEditMode Then 
            Dim editItem As GridEditableItem = DirectCast(e.Item, GridEditableItem)  
            Dim upload As RadUpload = DirectCast(editItem.EditManager.GetColumnEditor("Upload"), GridBinaryImageColumnEditor).RadUploadControl  
 
        End If 
    End Sub 
 
    Protected Sub rgSlides_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles rgSlides.ItemCreated  
        If TypeOf e.Item Is GridEditableItem AndAlso e.Item.IsInEditMode Then 
            Dim editItem As GridEditableItem = DirectCast(e.Item, GridEditableItem)  
            Dim upload As RadUpload = DirectCast(editItem.EditManager.GetColumnEditor("Upload"), GridBinaryImageColumnEditor).RadUploadControl  
 
        End If 
    End Sub 

I have some duplicated code in the Update, ItemCreated and ItemDataBound events as I am not sure where to go.

Many thanks

Chommy






Rosen
Telerik team
 answered on 04 Mar 2010
1 answer
183 views

Hi all,

I need your help. 

I had to use RestoreOriginalRenderDelegate ="false" because of the Medium trust issue at the server side.

But after setting this property the following line of code that was running inside a dinamically loaded usercontrol Stopped working:

Telerik.Web.UI.RadAjaxManager.GetCurrent(this.Page).ResponseScripts.Add("showPictures();"); 

How can I put it back to work ??

Thank you.

Nuno.


Iana Tsolova
Telerik team
 answered on 04 Mar 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?