Questions on UI for ASP.NET AJAX Forum

5 answers

149 views

RadRadialGauge no longer rendering after years of use - maybe due to Windows/IE updates?

Windows 7 Enterprise - IE 11 (Version 11.0.9600.19236)
VS 2012 - .NET Framework 3.5
Telerik UI For ASP.NET AJAX 2016.2.607.305

We've been using the RadRadialGauge control in our intranet web application for years since around 2016 with no issues. Just recently (not sure exactly when) our users started noticing that the control was no longer displaying, just completely blank (see attachment 3-RadRadialGauge_Missing.jpg). After some analyzing & testing I've determined it doesn't seem to be a licensing or server-side issue.

To come to this conclusion I decided to try the RadLabel control which is just textual & has no graphic rendering like RadRadialGauge (see attachment 1-RadLabel.jpg). It appears fine since it's only displaying text.

Next I tried RadDatePicker which has a combination of text & graphic rendering (see attachment 2-RadDatePicker.jpg). It resulted in sort of a hybrid display where the date input box is there, but instead of showing the calendar icon it just has the mouse hover text.

It should be noted throughout this process I also tried downloading the latest version of these controls (2019.1.115.35) but still experienced the same behavior. I'm theorizing these problems are due to a Windows or more likely IE update which we might have recently received. All software updates like this are managed at the Enterprise level & pushed to all users in our company. I've tried searching the forums & I see here & there somewhat similar rendering issues posted, but nothing so far which has resolved my particular issue.

Any help would be greatly appreciated!

Gauge

answered on 20 Feb 2019

1 answer

181 views

RadContextMenu not firing Ajax Modal Popup Extender

Hi,

I have a split button and RadContextMenu, however for the life of me cannot get the MPE to fire from the Context items and its driving me up the wall. Can anyone please help point me in the right direction.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowModal.aspx.cs"

Inherits="Default" %>

<%@ Register Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadButton EnableSplitButton="true" ID="btnPOSplitBtn" runat="server" Text="Search"

OnClientClicked="OnClientClicked">

</telerik:RadButton>

<telerik:RadContextMenu ID="POActionsMenu" runat="server" OnItemClick="POActionsMenu_ItemClick">

<Items>

<telerik:RadMenuItem Text="Export CSV" Value="3">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Change Status to Printed" Value="4">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Delete Purchase Order" Value="5">

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

<%-- Alert Box --%>

<asp:LinkButton ID="lnkConfirm" runat="server"></asp:LinkButton>

<AjaxControlToolkit:ModalPopupExtender ID="mpeConfirm" runat="server" DropShadow="false" PopupControlID="pnlConfirm" TargetControlID="lnkConfirm" BackgroundCssClass="modalBackground" BehaviorID="Confirmations" CancelControlID="btnCloseConfirm">

</AjaxControlToolkit:ModalPopupExtender>

<asp:Panel ID="pnlConfirm" runat="server" CssClass="modalPopup" Style="display: none; width: 80%; max-height: 80%; overflow-y: auto;">

<h2>Are you sure?</h2>

<p>

<asp:Label ID="lblConfirmAlert" runat="server"></asp:Label>

</p>

<telerik:RadButton ID="btnConfirmClose" runat="server" Text="No - Close" UseSubmitBehavior="false" />

</asp:Panel>

<telerik:RadScriptBlock runat="server">

<script type="text/javascript">

function OnClientClicked(sender, args) {

if (args.IsSplitButtonClick()) {

var currentLocation = $telerik.getLocation(sender.get_element());

var contextMenu = $find("<%=POActionsMenu.ClientID%>");

contextMenu.showAt(currentLocation.x + 75, currentLocation.y + 32);

sender.set_autoPostBack(false);

}

else {

sender.set_autoPostBack(true);

}

</script>

</telerik:RadScriptBlock>

</form>

</body>

</html>

and my code behind.

using System;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void POActionsMenu_ItemClick(object sender, RadMenuEventArgs e)

{

RadContextMenu btn = (RadContextMenu)(sender);

string value = btn.SelectedValue;

switch (value)

{

//View PO

case "1":

break;

//Send me a copy

case "2":

break;

//Export CSV

case "3":

break;

//Change status to printed

case "4":

// btnConfirmYes.CommandArgument = "Change to Printed";

mpeConfirm.Show();

//changeStatusToP();

break;

//Delete po

case "5":

// btnConfirmYes.CommandArgument = "Delete PO";

mpeConfirm.Show();

// deletePO();

break;

}

Thanks in advance, its driving me crazy as it hits the mpeConfirm.show() event but never shows. (CSS not included)

Menu

answered on 20 Feb 2019

8 answers

1.1K+ views

Set visibility client side?

I have a scenario which is similar to the Related Combobox demo (the value of one combo box triggers the population of the second combobox). However, my requirements dictate that the second combobox not be visible until the user selects an item in the first combo box. When I set the Visibility=false of the second combo box I get an error on the client side because the $find() method returns null when trying to find the second combobox. After reviewing the source it appears that the second combobox isn't rendered.

Is there a way to hide the second combobox without setting Visible=false on the server so that the object can be retrieved on the client?

ComboBox

answered on 20 Feb 2019

1 answer

253 views

How to access a RadTextBox in a GridTableView TemplateColumn?

<telerik:RadGrid ID="RadGrid1" runat="server" BorderColor="#0086B9" CssClass="radgrid1css" DataSourceID="SqlDataOrderInfo" Skin="Bootstrap" AutoGenerateColumns="False">

<GroupingSettings CollapseAllTooltip="Collapse all groups" />

<MasterTableView DataSourceID="SqlDataOrderInfo" DataKeyNames="SN,OrderNo">

<DetailTables>

<telerik:GridTableView runat="server" DataKeyNames="SN" DataSourceID="SqlDataOrderItems"

AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="OrderNo" MasterKeyField="OrderNo" />

</ParentTableRelation>

<CommandItemSettings ShowAddNewRecordButton="False" ShowRefreshButton="False" />

<Columns>

<telerik:GridBoundColumn DataField="ItemName" FilterControlAltText="Filter ItemName column" HeaderText="Item Name" UniqueName="ItemName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ItemDescription" FilterControlAltText="Filter ItemDescription column" HeaderText="Item Description" UniqueName="ItemDescription">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="Status" DataType="System.Boolean"

FilterControlAltText="Filter Status column" HeaderText="Status" UniqueName="Status">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridCheckBoxColumn>

<telerik:GridTemplateColumn DataField="Comment" FilterControlAltText="Filter Comment column"

HeaderText="Comment" UniqueName="Comment">

<ItemTemplate>

<telerik:RadTextBox ID="RadTextBox1" Runat="server" Skin="Bootstrap" TextMode="MultiLine"

Width="100%" LabelWidth="40%" Resize="None" Text='<%# eval("Comment") %>'>

</telerik:RadTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<CommandItemSettings ShowAddNewRecordButton="False" ShowRefreshButton="False" />

<Columns>

<telerik:GridBoundColumn DataField="OrderId" DataType="System.Int32" FilterControlAltText="Filter

OrderId column" HeaderText="OrderId" SortExpression="OrderId" UniqueName="OrderId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OrderNo" DataType="System.Int32" FilterControlAltText="Filter

OrderNo column" HeaderText="OrderNo" SortExpression="OrderNo" UniqueName="OrderNo">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Price" FilterControlAltText="Filter Price column" HeaderText="Price" SortExpression="Price" UniqueName="Price">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Item" FilterControlAltText="Filter Item column" HeaderText="Item" SortExpression="Item" UniqueName="Item">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SupplierName" FilterControlAltText="Filter SupplierName column" HeaderText="SupplierName" SortExpression="SupplierName" UniqueName="SupplierName">

</telerik:GridBoundColumn>

</Columns>

<HeaderStyle BackColor="#E8F0F9" BorderColor="#0086B9" ForeColor="#0086B9" />

<CommandItemStyle BackColor="#0086B9" ForeColor="White" Height="35px" HorizontalAlign="Center" />

</MasterTableView>

</telerik:RadGrid>

Code Behind

Protected Sub RadButton1_Click(sender As Object, e As EventArgs) Handles RadButton1.Click

For Each item As GridDataItem In RadGrid1.MasterTableView.Items

Dim lbtn As RadTextBox = DirectCast(item("Comment").FindControl("RadTextBox1"), RadTextBox)

Dim custoID As Single = item.GetDataKeyValue("SN")

DrugSQL("update orderitem set comment='" & lbtn.Text & "' where sn='" & custoID & "' ")

Next

End Sub

Grid

answered on 20 Feb 2019

0 answers

197 views

TreeList Issues

I am trying to use the toggleExpandCollapse client function and it seems to not work at all. I also am seeing console errors while trying settings to enable the toggleExpandCollapse function.

If I have a TreeList and set ExpandCollapseMode="combined" or "client" I get this error in the console as soon as I try to expand an item. The expanding does work, but collapsing does not, it gives the below error. On top of this if I set the ExpandCollapseMode to "client" the TreeList opens up with ALL items expanded out, but while in Server or Combined mode it does not. What am I doing wrong?

Uncaught TypeError: Cannot read property 'toggleExpandCollapse' of null
at HTMLButtonElement.onclick

Uncaught TypeError: Cannot read property 'Combined' of undefined
at Telerik.Web.UI.TreeListDataItem.initialize (Telerik.Web.UI.WebResource.axd

Here is the JS function I cam calling.

function collapseTree(radTreeListItemID) {

debugger;

var oTree = $find('<%= RadTreeList1.ClientID %>');

var keys = oTree.get_clientDataKeyNames();

oTree.get_dataItems().forEach(function (a) {

var expanded = a.get_expanded();

var title = a.get_element().innerText;

var id = a.get_dataKeyValue('ID');

// loop through all the items and locate the one with the matching input datakey.

// set expanded to false.. doesnt seem to work.. setting visibility does.

if (id == radTreeListItemID && expanded) {

debugger;

// Make invisible - works

//a.set_visible(false);

// this should just work but doesnt

a.toggleExpandCollapse();

a.set_clientExpanded(false);

// doesnt work.. however a work around may be to loop through the child items and make invisible.

// onpostback, they are re-written to page anyway.. problem is user control seems to not go away, so youd have to

// locate that control in the element and hide too.

a.get_childItems().forEach(function (innerItem) {

innerItem.set_visible(false);

});

}

});

};

TreeList

asked on 19 Feb 2019

9 answers

345 views

Footer with aggregates not showing

We have many grids with a Footer with aggregates that work fine but this grid shows the footer but none of the aggregates display, in other words the footer is blank?

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False"
OnItemCreated="RadGrid1_ItemCreated"
OnItemDataBound="RadGrid1_ItemDataBound"
ShowFooter="true"
Width="1101px" AllowPaging="True" AllowSorting="True" AllowCustomPaging="True" PageSize="20">
<ClientSettings EnableRowHoverStyle="True">
<Selecting AllowRowSelect="True" />
</ClientSettings>
<MasterTableView DataKeyNames="ID" CommandItemDisplay="Top" CommandItemSettings-ShowPrintButton="true" CommandItemSettings-ShowRefreshButton="true" CommandItemSettings-ShowExportToExcelButton="true">
<CommandItemSettings ShowAddNewRecordButton="False" ShowExportToCsvButton="true" ShowExportToExcelButton="true" ShowPrintButton="true" />

<Columns>
<telerik:GridBoundColumn DataField="ID" FilterControlAltText="Filter ID column" HeaderText="ID" SortExpression="ID" UniqueName="ID" Display="false">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ClientID" FilterControlAltText="Filter ClientID column" HeaderText="ClientID" SortExpression="ClientID" UniqueName="ClientID" Display="false">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PractitionerID" FilterControlAltText="Filter PractitionerID column" HeaderText="PractitionerID" SortExpression="PractitionerID" UniqueName="PractitionerID" Display="false">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Start" UniqueName="apptDT" Display="false">
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Date" DataField="Start" UniqueName="AppointmentEdit" Visible="true" SortExpression="Start">
<ItemTemplate>
<asp:HyperLink ID="lnkStart" Text='<%# String.Format("{0:g}", DataBinder.Eval(Container.DataItem, "Start")) %>' runat="server"></asp:HyperLink>
</ItemTemplate>
<ItemStyle Width="250px" HorizontalAlign="Center" Font-Size="9" />
<HeaderStyle HorizontalAlign="Center" />
</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="lname" UniqueName="lname" Display="true" HeaderText="Practitioner">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DESCRIPTION" UniqueName="DESCRIPTION" HeaderText="Services" Display="true">
<ItemStyle Width="100px" HorizontalAlign="Left" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Units" DataType="System.Int16" UniqueName="Units" HeaderText="Units" Display="true" Aggregate="Sum" FooterAggregateFormatString="{0:c}">
<ItemStyle Width="100px" HorizontalAlign="Left" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Status" FilterControlAltText="Filter Status column" HeaderText="Status" SortExpression="Status" UniqueName="Status" Display="true">
<ItemStyle Width="100px" HorizontalAlign="Center" />
<HeaderStyle Width="100px" HorizontalAlign="Center" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Tests" HeaderText="Tests" UniqueName="Tests" Display="true">
<ItemStyle Width="500px" HorizontalAlign="Left" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvoiceIDX" UniqueName="InvoiceIDX" Display="false">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvoiceAmount" HeaderText="Invoice Amount" SortExpression="InvoiceAmount" UniqueName="InvoiceAmount" DataFormatString="{0:c}" Aggregate="Sum" FooterText="$">
<ItemStyle Width="40px" HorizontalAlign="Center" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvoiceAmountPaid" HeaderText="Amount Paid" SortExpression="InvoiceAmountPaid" UniqueName="InvoiceAmountPaid" DataFormatString="{0:c}" Aggregate="Sum" FooterText="$">
<ItemStyle Width="40px" HorizontalAlign="Center" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitPrice" DataType="System.Decimal" FilterControlAltText="Filter UnitPrice column" HeaderText="Unit Price" SortExpression="UnitPrice" UniqueName="UnitPrice" DataFormatString="{0:$#,##0.00}">
<ItemStyle Width="40px" />
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Billable" DataType="System.Decimal" FilterControlAltText="Filter Billable column" HeaderText="Billable" SortExpression="Billable" UniqueName="Billable" DataFormatString="{0:$#,##0.00}" Aggregate="Sum" FooterText="$">
<ItemStyle Width="40px" />
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

Grid

answered on 19 Feb 2019

5 answers

180 views

Splitter 100% Width

sorry eng not good. i took telerik valuation project from developer, new to telerik.

radsplitter on usercontrol and doesnt resize to screen width at 100% when loaded. once screen resizes from user mouse then radsplitter shows and adjusts to 100%. please see code to duplicate your bug. please advise workaround

page with control

<asp:Content ID="Content1" ContentPlaceHolderID="ChildContent" runat="server">

<div style="width: 600px; height: 600px;">

<div id="divtest" style="display: block">

<telerik:RadButton runat="server" ButtonType="ToggleButton" ToggleType="Radio" Text="test 1" AutoPostBack="false" Font-Size="Medium"

OnClientCheckedChanged="OnClientCheckedChanged" Height="16px" GroupName="test" />

<telerik:RadButton runat="server" ButtonType="ToggleButton" ToggleType="Radio" Text="test 2" AutoPostBack="false" Font-Size="Medium"

OnClientCheckedChanged="OnClientCheckedChanged" Height="16px" GroupName="test" />

</div>

<div id="div-safeharborContrib" style="display: none; background-color: lightgreen;">

<ucPSWTest:ucTest ID="ucTest" runat="server" />

</div>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

//![CDATA[

function OnClientCheckedChanged(sender, args) {

$("#divtest").fadeOut("slow", function () {

$("#div-safeharborContrib").fadeIn("slow", function () {

});

}

//]]>

</script>

</telerik:RadScriptBlock>

control uctest

<telerik:RadSplitter runat="server" ResizeMode="Proportional" Orientation="Vertical" Width="100%" Height="650px" VisibleDuringInit="false">

<telerik:RadPane runat="server" Width="25%" />

<telerik:RadSplitBar runat="server" CollapseMode="Forward" />

<telerik:RadPane runat="server" BorderStyle="None" BorderWidth="0" Width="75%">

<div>test</div>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" CollapseMode="Backward" />

<telerik:RadPane runat="server" Width="25%" Height="100%" BackColor="#fffed0" />

</telerik:RadSplitter>

Splitter

answered on 19 Feb 2019

4 answers

393 views

24-hour clock for hour ruler

Hi!

How to apply 24-hour clock format (e.g. 1pm => 13:00) for left side column if Current Culture is already set?

BR
ilkka

Scheduler

answered on 19 Feb 2019

3 answers

127 views

Erorrs in Design View

Hi,

I get errors when the control is created in design View modus.

In the web.config-file is the following:

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

I have attached a screenshot, that shows the problem.

What is the problem?

ScriptManager and StyleSheetManager

answered on 19 Feb 2019

1 answer

216 views

AjaxRequest is fired AFTER the Page_Load

I went thru the sample here: https://docs.telerik.com/devtools/aspnet-ajax/controls/ajaxloadingpanel/how-to/show-ajaxloadingpanel-on-initial-page-load

... on how to get a "Loading Panel" to show on a Page_Load ... problem is the sample code doesn't work primarily because the AjaxRequest doesn't fire until AFTER the Page_Load completes making it useless for my needs.

In my Page_Load event I load some complex data from a SQL server and then bind to a grid, however the loading of the complex data can take anywhere from 3-5 seconds. I need to present the user with a "Loading..." message "as the page loads".

I suppose I could move my long process into the AjaxRequest routine but is that the intended use?

Cheers, Rob.

AjaxLoadingPanel

answered on 19 Feb 2019