Questions on UI for ASP.NET AJAX Forum

9 answers

191 views

[Solved] Obsolete: 'Please don't touch Calendar property'.

Hi
I am converting to a newest controls and I am getting the following warning:

Warning 2 'Public Overrides ReadOnly Property Calendar() As Telerik.Web.UI.RadCalendar' is obsolete: 'Please don't touch Calendar property'.

This is what it is objecting to:

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x">

</Calendar>

When I go to
http://www.telerik.com/help/aspnet-ajax/calendar-displaying-popup.html
It seems that the property is still in use (maybe the docs has not been updated). So, how am I to get rid of the warning and keep the functionality.
Phil

Calendar

answered on 07 Jul 2014

1 answer

146 views

JS and CSS doesn't work after postback when using RadAjaxPanel

I have jquery rating control which I put in RadGrid column. After postback JS and CSS doesn't load. All controls are in RadAjaxPanel. Example in attachment.

Example

Ajax

answered on 07 Jul 2014

3 answers

454 views

[Solved] Radconfirm return values

Hello Forum

Is there at way to retrieve clickresult from Radconfirm from within a javascriptfunction.

This might be a trivial question, im not sure, I have been starring me blind on solving this. :)

Here goes my last shot that didnt work, any hints are welcome:

function MainFn() {

var answer= confirmFn("OK CANCEL ?");
alert(answer);
if (answer==false)
return false; //Break here

//else do something more....

// return an end result
return false;

}

function confirmFn(text) {
var callBackFn = function (arg) {
if (arg) {
return true;
}
else {
return false;
}

}
radconfirm(text, callBackFn);
}

Window

answered on 07 Jul 2014

1 answer

85 views

Reload User Control on Selection of Row from Grid

I have 4 User controls which are loaded or refreshed on selecting a row from grid and the values for the controls on user controls are fetched dynamically as per the values in row selected.

while debugging i can see that the controls on UC has correct values but the values on User control are not showing ..rather user control itself are not getting displayed.

note : there are no UCs on page load.

Please let me know the reason and solution for this.

Grid

answered on 07 Jul 2014

1 answer

280 views

Change cell value client side and have it persist in view state.

Hi,

I'm using the following code to change a value in a cell in the grid client side:

function ReAssignUser_UpdateGrid(NewUserText) {
   var grdFlowInstances = $find("<%=grdFlowInstances.ClientID%>");
   var masterTableView = grdFlowInstances.get_masterTableView();
   var dataItems = masterTableView.get_dataItems();
   for (var i = 0; i < dataItems.length; ++i) {
     var dataItem = dataItems[i];
     if (dataItem.getDataKeyValue("FlowInstanceID") == FlowInstanceID) {
       var lblAssignedTo = dataItem.findElement("lblAssignedTo");
       if (lblAssignedTo != null)
         lblAssignedTo.innerHTML = NewUserText;
       }
    }
}

This works great until I do something that causes a postback, then the value reverts to the prior value. I'm assuming this is because it's not getting updated in the viewstate. Is there any way to update the viewstate so that the change in the cell value persists between postbacks?

Thanks,
Erik

Grid

answered on 07 Jul 2014

1 answer

84 views

ASP.NET AJAX TILE LIST GROUPING

I want to fixed the number of group of ASP.NET AJAX TILE LIST dynamically. like i have 10 tiles and i want to set these 10 tiles into 3 group and that will be fixed we can't expand the number of group if i want to set it .

Ajax

answered on 07 Jul 2014

10 answers

582 views

Telerik ASP.NET AJAX with Visual Studio 2013 Preview (VS2013)

Hi,
was anyone already able to get the Telerik ASP.NET Ajax Controls get properly to work with VS2013 Preview?
Everything is working in my test project so far, except the Embedded Skins are not provided by WebResource.axd from
the assembly.
MasterPage Codebehind:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Optimization;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace TelerikVS2013

{

public partial class SiteMaster : MasterPage

{

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

radScriptManager.Scripts.Add(new ScriptReference { Name = "WebFormsBundle" });

radScriptManager.Scripts.Add(new ScriptReference { Name = "bootstrap" });

radScriptManager.Scripts.Add(new ScriptReference { Name = "jquery.ui.combined" });

BundleResolver resolver = new BundleResolver(BundleTable.Bundles);

foreach (Bundle bundle in BundleTable.Bundles)

{

if (bundle is ScriptBundle)

{

foreach (string js in resolver.GetBundleContents(bundle.Path))

{

radScriptManager.Scripts.Add(new ScriptReference(js));

}

web.config

<?xml version="1.0" encoding="utf-8"?>

<configuration>

<appSettings>

<add key="Telerik.Skin" value="Office2010Black" />

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" />

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />

<add key="Telerik.Web.UI.RenderMode" value="lightweight" />

<add key="Telerik.Web.UI.StyleSheetFolders" value="~/Content/;" />

<add key="Telerik.Web.UI.EnableEmbeddedSkins" value="false"/>

<add key="Telerik.Web.SkinsAssembly" value="Telerik.Web.UI.Skins"/>

</appSettings>

<system.web>

<compilation debug="true" targetFramework="4.5" strict="false" explicit="true" >

</compilation>

<httpRuntime targetFramework="4.5" />

<pages>

<namespaces>

<add namespace="System.Web.Optimization" />

</namespaces>

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>

<add assembly="Microsoft.AspNet.Web.Optimization.WebForms" namespace="Microsoft.AspNet.Web.Optimization.WebForms" tagPrefix="webopt" />

</controls>

</pages>

<httpHandlers>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

</httpHandlers>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false" />

<modules runAllManagedModulesForAllRequests="true">

</modules>

<handlers>

<remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" />

<remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" />

<remove name="ExtensionlessUrlHandler-Integrated-4.0" />

<add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" />

<add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" />

<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />

<remove name="ChartImage_axd" />

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_SpellCheckHandler_axd" />

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_DialogHandler_aspx" />

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_RadUploadProgressHandler_ashx" />

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_WebResource_axd" />

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />

</handlers>

</system.webServer>

</configuration>

Master Page Markup

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="TelerikVS2013.SiteMaster" %>

<!DOCTYPE html>

<html lang="en">

<head runat="server">

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title><%: Page.Title %> - My ASP.NET Application</title>

<asp:PlaceHolder runat="server">

<%: Scripts.Render("~/bundles/modernizr") %>

</asp:PlaceHolder>

<webopt:BundleReference runat="server" Path="~/Content/css" />

<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<telerik:RadStyleSheetManager ID="radStyleSheetManager" runat="server">

<StyleSheets>

</StyleSheets>

</telerik:RadStyleSheetManager>

</head>

<body>

<form runat="server">

<telerik:RadScriptManager ID="radScriptManager" runat="server" ScriptMode="Debug" AllowCustomErrorsRedirect="true" AsyncPostBackTimeout="600" EnablePartialRendering="true">

<CompositeScript>

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</CompositeScript>

</telerik:RadScriptManager>

<telerik:RadAjaxManager runat="server" ID="radAjaxManager" />

<header>

<div class="navbar navbar-inverse navbar-fixed-top">

<div class="navbar-inner">

<div class="container">

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

<span class="icon-bar"></span>

</button>

<a class="brand" runat="server" href="~/">Application name</a>

<div class="nav-collapse collapse">

<ul class="nav nav-pills nav-stacked">

<li><a runat="server" href="~/">Home</a></li>

<li><a runat="server" href="~/About">About</a></li>

<li><a runat="server" href="~/Contact">Contact</a></li>

</ul>

</div>

</header>

<div class="container">

<asp:ContentPlaceHolder ID="MainContent" runat="server">

</asp:ContentPlaceHolder>

<hr />

<footer>

<p>© <%: DateTime.Now.Year %> - My ASP.NET Application</p>

</footer>

</div>

</form>

</body>

</html>

Cheers Otto.

General Discussions

answered on 07 Jul 2014

1 answer

197 views

Width problem when having too many nodes

I use Telerik 2014.2.618.45 and have the problem with RadOrgChart.

When I bind data with only 2 or 3 nodes at the same level, it is shown collectedly. However, if there are a lot of nodes, the nodes on the right will be dropped to the new line. I also found this problem on your example about Drill Down.

I try to solve this problem by using the suggestion from Node Alignment Issue, but it didn't help since I didn't hide the RadOrgChart. I called it on Page_Load. In addition, I'm using this RadOrgChart Inside RadPageView (My OrgChart is showing on the first page)

<telerik:RadAjaxPanel ID="panOrganize" runat="server" LoadingPanelID="radAjaxLoadingPanel">

<telerik:RadTabStrip ID="rtabOrganize" runat="server" MultiPageID="rmpOrganize" SelectedIndex="0" Width="100%" CssClass="FontBold" OnTabClick="rtabOrganize_TabClick">

<Tabs>

<telerik:RadTab CssClass="FontBold" Text="Organize Chart" />

<telerik:RadTab CssClass="FontBold" Text="User" Enabled="false" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rmpOrganize" runat="server" SelectedIndex="0" ScrollBars="Both">

<telerik:RadPageView ID="rpvOrgOrganize" runat="server" Width="100%">

<telerik:RadOrgChart ID="radOrgChart" runat="server" Width="100%" CssClass="SpacingBottom20" LoadOnDemand="Nodes"

DataFieldID="OrgID" DataFieldParentID="ParentID"

DisableDefaultImage="true" EnableDrillDown="true" MaxDataBindDepth="10"

OnNodeDrop="radOrgChart_NodeDrop" EnableDragAndDrop="true"

OnNodeDataBound="radOrgChart_NodeDataBound">

<ItemTemplate>

<asp:Panel ID="panNode" runat="server" CssClass="TemplateHolder">

<asp:Table ID="tbOrgChart" runat="server" Style="table-layout: fixed; width: 120px;" CellPadding="0" CellSpacing="0">

<asp:TableRow>

<asp:TableCell Width="100px">

<asp:Label ID="lblTypeName" runat="server" Text='<%# Eval("OrganizationType.TypeName")%>' CssClass="FontBold" />

</asp:TableCell>

<asp:TableCell RowSpan="4" Width="15px">

<asp:LinkButton ID="lbtnSearch" runat="server" BorderStyle="None" CssClass="fa fa-user"

CommandArgument='<%# Eval("OrgID")%>' CommandName='<%# Eval("Name")%>' OnCommand="lbtnSearch_Command">

</asp:LinkButton>

<asp:LinkButton ID="lbtnAdd" runat="server" BorderStyle="None" class="fa fa-plus"

CommandArgument='<%# Eval("OrgID")%>' CommandName="Add" OnCommand="lbtnAdd_Command">

</asp:LinkButton>

<asp:LinkButton ID="lbtnEdit" runat="server" BorderStyle="None" class="fa fa-pencil"

CommandArgument='<%# Eval("OrgID")%>' CommandName="Edit" OnCommand="lbtnEdit_Command">

</asp:LinkButton>

<asp:LinkButton ID="lbtnDelete" runat="server" BorderStyle="None" class="fa fa-times"

CommandArgument='<%# Eval("OrgID")%>' CommandName="Delete" OnCommand="lbtnDelete_Command">

</asp:LinkButton>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell RowSpan="3" VerticalAlign="Top" Wrap="true" Style="max-width: 100px; overflow-wrap: break-word;">

<asp:Label ID="lblName" runat="server" Text='<%# Eval("Name")%>' />

<br />

<asp:Label ID="lblAbbreviation" runat="server"

Text='<%#Eval("Abbreviation") != null && Eval("Abbreviation") != String.Empty ? "(" + Eval("Abbreviation") + ")" : String.Empty%>' />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</asp:Panel>

</ItemTemplate>

</telerik:RadOrgChart>

<telerik:RadWindow ID="rwOrganize" runat="server" AutoSize="true" Modal="true" Behaviors="Close"

Title="Organization" VisibleTitlebar="true" VisibleStatusbar="false" OnClientClose="onClientClose">

<ContentTemplate>

<div class="row">

<div class="col-xs-12">

<asp:Table runat="server" ID="tbWindowOrganize" CellPadding="5" Width="100%" CellSpacing="3" Style="min-width: 300px;">

<asp:TableRow>

<asp:TableCell ColumnSpan="3" />

</asp:TableRow>

<asp:TableRow>

<asp:TableCell Width="25%" Style="max-width: 150px;">

<asp:Label ID="lblOrgName" runat="server" Text="Name" />

</asp:TableCell>

<asp:TableCell Width="5px">

<asp:Label runat="server" Text=":" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadTextBox ID="txtOrgName" runat="server" Width="100%" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell>

<asp:Label ID="lblOrgAbbreviation" runat="server" Text="Abbreviation" />

</asp:TableCell>

<asp:TableCell>

<asp:Label runat="server" Text=":" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadTextBox ID="txtOrgAbbreviation" runat="server" Width="100%" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell VerticalAlign="Top">

<asp:Label ID="lblOrgDescription" runat="server" Text="Description" />

</asp:TableCell>

<asp:TableCell VerticalAlign="Top">

<asp:Label runat="server" Text=":" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadTextBox ID="txtOrgDescription" runat="server" Width="100%" Height="70px" TextMode="MultiLine" Rows="3" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell>

<asp:Label ID="lblOrgType" runat="server" Text="Lastname" />

</asp:TableCell>

<asp:TableCell>

<asp:Label runat="server" Text=":" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadComboBox ID="ddlOrgType" runat="server" Width="100%" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell HorizontalAlign="Right" ColumnSpan="3">

<asp:Button ID="btnOrganizeCancel" Text="Cancel" runat="server" CssClass="btn btn-inverse SpacingAll15" BorderStyle="None" OnClick="btnOrganizeCancel_Click" />

<asp:Button ID="btnOrganizeSave" Text="Save" runat="server" CssClass="btn btn-success SpacingAll15" BorderStyle="None" OnClick="btnOrganizeSave_Click" />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

</ContentTemplate>

</telerik:RadWindow>

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadAjaxPanel>

OrgChart

answered on 07 Jul 2014

1 answer

151 views

Ajax Settings For Master Page Whose Content Page Has User Control

Hello

I am working on a project with a master page. In the content page I have a user control.
Please see the following schema in the file attachment.

Inside the user control there is a RadGrid. There is also an asp:panel and inside it a
custom footer made from dynamic controls.

We added a RadAjaxManagarProxy with the following settings inside the user control:

Radgrid --> Radgrid
Asp_panel --> Asp_panel
Asp_panel --> RadGrid

The content page contains the user-control.

When I press on a control in the master page, I want the RadGrid be update.

How I do that?

I have tried to set the Ajax manager in the master page programmatically: (VB.NET)

Dim MyGridUControl0 As UserControl = CType(MainContentPlaceHolder.FindControl("UC_Grid_Footer0"), UserControl)

Dim MyUGrid0 As RadGrid = CType(MyGridUControl0.FindControl("RadGrid1"), RadGrid)

Dim MyFooter0 As System.Web.UI.Control = CType(MyGridUControl0.FindControl("Panel_Footer"), System.Web.UI.Control)

RadAjaxManager1.AjaxSettings.AddAjaxSetting(treeView_SideMenu, MyUGrid0)

RadAjaxManager1.AjaxSettings.AddAjaxSetting(treeView_SideMenu, MyGridUControl0 )

None of the above works.

Thanks.
Daniel

Ajax

answered on 07 Jul 2014

3 answers

105 views

Telerik Rad Ajax Loading Panel issue in SharePoint 2010

Hi

I am using this online demo http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/draganddropnodes/defaultcs.aspx codes to be used in SharePoint 2010. I am using drag and drop of nodes from Tree view to Grid. For the first Drag and Drop, the Ajax loading panel will not work. in the sense ajax will not be intiated the whole page gets refreshed. Whereas for the second drag and drop the ajax loading panel will work fine without any issue,
May i know where i am going wrong. Please advise

Ajax

answered on 07 Jul 2014