Questions on UI for ASP.NET AJAX Forum

2 answers

183 views

Can we do chart using standard deviation format

Hi

I am attaching a image. I want to do similarly using Radchart control. Is it possible to do?

Regards
Arima

Chart (Obsolete)

answered on 10 May 2011

3 answers

98 views

Loading icon / image stays after chart loads

Hi,

I'm having a problem with RadCharts. When I try to display a chart with around 50 rows of data, the loading image stays in the middle of the chart even if the chart is already completed loading as shown in the attached image.

Anyone? thanks.

Chart (Obsolete)

answered on 10 May 2011

4 answers

248 views

Highlight current date in calendar of grid filter date picker

Hi All,

I am using rad grid with filtering (AllowFilteringByColumn="true").
I have "GridDateTimeColumn" with header filter.
What I want to do is to highlight the current date in calendar of grid filter date picker.
How can I do this?
I have used following to access the date picker, But it did not work.

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridFilteringItem)

{

GridFilteringItem item = e.Item as GridFilteringItem;

RadDatePicker picker = item.FindControl("RadDatePicker1") as RadDatePicker;

}

Please give me a solution.

Thanks & Regards,
Madu

Filter

answered on 10 May 2011

1 answer

91 views

Prevent RadChart from Inserting Intermediate Decimal Values on Small Series

Hi,

I have a chart that can have small values, say 1 or 2, but it can go up to the hundreds as well. This is dynamic total data and there is no defined upper limit to this, but they are all integer. I've noticed that for these small values, the RadChart seems to insert some intermediate values into the series even if there are no such values in the DataTable datasource. Is there a way to prevent RadChart from doing this?

Attached is a sample screenshot of the intermediate values inserted. Only the value 2 is set in the datasource, we can live with the value "1" but none of those having decimal places. Any assistance on this would be greatly appreciated. Thanks!

Chart (Obsolete)

answered on 10 May 2011

1 answer

186 views

ResolveUrl does not work with telerik

Hi
i have a problem with this code in a master page.
<link href="<%=ResolveUrl("~/App_Themes/SkinSistema.css")%>" rel="stylesheet" type="text/css" />

before telerik, this work perfectly, but i have incorporate telerik RadScriptManager and then does not work.
this is my error:
"La colección de controles no puede modificarse porque el control contiene bloques de código (por ej. <% ... %>)."

i need help.
thk

General Discussions

answered on 09 May 2011

1 answer

105 views

Confirm Message after upload file inside radgrid

Hi there, im trying the telerik controls, and i wanted to know if is possible to trigger an alert after uploading a file in edititem template.

this is my code-behind



Protected Sub rgOferta_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles rgOferta.ItemDataBound

If

TypeOf e.Item Is GridEditFormItem AndAlso e.Item.IsInEditMode Then

'popup&editform

Dim edititem As GridEditFormItem = DirectCast(e.Item, GridEditFormItem)

Dim RadUpload1 As RadUpload = DirectCast(edititem.FindControl("RadUpload1"), RadUpload)

Dim btns As Button = e.Item.FindControl("btnPrueba")

Dim estado As String = ""

If Not btns Is Nothing Then

If Not RadUpload1 Is Nothing Then

estado = UploadFile(RadUpload1)

btns.OnClientClick = "showAlert('" & estado & "'); return false;"

End If

End

If

end sub

And this is my javascript which is quite simple.

function

showAlert(valor) {

      alert(valor);

    }

Im using radajaxmanager to ajaxified radgrid.

any help would be appreciated.

regards

Grid

answered on 09 May 2011

1 answer

103 views

multi column automatic text flow over columns

HI

Is it possible to create a news paper style in the editor without using tables and have the entire text equaly divided over the columns? In css3 this should be possible by multi-column us but not many browsers support this yet I think. Hope anybody can help me with this.

Editor

answered on 09 May 2011

0 answers

210 views

How To Emulate Facebook Search Behavior Using A RadComboBox

If you want to emulate the search behavior of Facebook, I have included sample code below. The Facebook search allows the user to enter text in the input field and highlights the first item in the results. If the user presses the enter key after typing in a name, the first item in the search results is sent to the server on the postback. Thanks goes to Dimitar at Telerik for this solution.

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

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

<asp:Panel ID="Panel1" DefaultButton="Button1" runat="server">

<telerik:RadComboBox

ID="RadComboBox1"

AllowCustomText="true"

AutoCompleteSeparator=","

EnableLoadOnDemand="true"

EnableTextSelection="true"

MarkFirstMatch="true"

OnClientDropDownOpening="onClientDropDownOpening"

OnClientItemsRequested="onClientItemsRequested"

OnClientSelectedIndexChanging="OnClientSelectedIndexChanging"

Skin=""

runat="server">

<CollapseAnimation Type="None" />

<ExpandAnimation Type="None" />

<WebServiceSettings Path="WebService1.asmx" Method="GetSearchResults" />

</telerik:RadComboBox>

<asp:Button ID="Button1" Text="Submit" OnClick="Button1_Click" runat="server" />

</asp:Panel>

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

<script type="text/javascript">

var flag;

var $ = $telerik.$;

var $T = Telerik.Web.UI;

var $p = Telerik.Web.UI.RadComboBox.prototype;

function pageLoad()

{

flag = true;

}

function OnClientSelectedIndexChanging(sender, args)

{

var domEvent = args.get_domEvent();

if (domEvent.type == "click")

{

flag = true;

sender.set_text(args.get_item().get_text());

}

$p.set_text = function (value)

{

value = $T.RadComboBox.htmlDecode(value);

this.get_element().value = value;

this._suppressChange = true;

var inputElement = this.get_inputDomElement();

if (flag)

{

inputElement.value = value;

}

inputElement.className = "rcbInput";

this.set_value("");

if (inputElement.fireEvent && document.createEventObject)

{

var eventObject = document.createEventObject();

inputElement.fireEvent("onchange", eventObject);

}

else if (inputElement.dispatchEvent)

{

var canBubble = true;

var eventObject = document.createEvent("HTMLEvents");

eventObject.initEvent("change", canBubble, true);

inputElement.dispatchEvent(eventObject);

}

this._suppressChange = false;

this._ensureChildControls();

this.updateClientState();

},

$p._onKeyDown = function (e)

{

flag = false;

var keyCode = e.keyCode || e.which;

if (keyCode == $T.Keys.Escape)

{

e.preventDefault();

}

if ($telerik.isIE && keyCode != $T.Keys.Down && keyCode != $T.Keys.Up)

{

this._updateFilterText = true;

}

if (!this._fireEvents || this._ajaxRequest) return;

if ($telerik.isIE9 && (keyCode == 8 || keyCode == 127))

{

this._compensateValuePropertyChangeEvent = true;

}

if (!e) e = event;

{

this.raise_onClientKeyPressing(e);

}

this._lastKeyCode = keyCode;

if (keyCode == $T.Keys.Escape && this.get_dropDownVisible())

{

this._hideDropDown(e);

return;

}

else if (keyCode === $T.Keys.Enter)

{

if (this.get_dropDownVisible())

{

this._hideDropDown(e);

}

var itemToBeSelected = this.findItemByText(this.get_text());

if (this.get_allowCustomText() && !this.get_markFirstMatch() && !itemToBeSelected)

{

if (this.raise_selectedIndexChanging(null, e) == false)

{

var selectedItem = this.get_selectedItem();

var highlightedItem = this.get_highlightedItem();

if (selectedItem)

{

selectedItem.set_selected(false);

}

if (highlightedItem)

{

highlightedItem.unHighlight();

}

this.set_selectedItem(null);

this.set_selectedIndex(null);

this.set_highlightedItem(null);

this.raise_selectedIndexChanged(null, e);

var command = { Command: "Select", Index: -1 };

this.postback(command);

}

else

{

this._performSelect(this.get_highlightedItem(), e);

}

if (this.get_markFirstMatch())

{

var textLength = this.get_text().length;

}

return;

}

else if (keyCode === $T.Keys.Down)

{

e.returnValue = false;

if (e.altKey)

{

this._toggleDropDown(e);

return;

}

this.highlightNextItem(null);

if (e.preventDefault)

{

e.preventDefault();

}

return;

}

else if (keyCode === $T.Keys.Up)

{

e.returnValue = false;

if (e.altKey)

{

this._toggleDropDown(e);

return;

}

this.highlightPreviousItem();

if (e.preventDefault)

{

e.preventDefault();

}

return;

}

else if (keyCode === $T.Keys.Tab)

{

if (this.get_dropDownVisible())

{

this._hideDropDown(e);

}

this._raiseClientBlur(e);

this._selectItemOnBlur(e);

this._applyEmptyMessage();

this._focused = false;

return;

}

if (keyCode == $T.Keys.Left || keyCode == $T.Keys.Right)

{

return;

}

if (keyCode >= $T.Keys.Numpad0 && keyCode <= $T.Keys.Numpad9)

{

keyCode -= ($T.Keys.Numpad0 - $T.Keys.Zero);

}

var letter = String.fromCharCode(keyCode);

if (letter && (!e.altKey) && !(this.get_enableLoadOnDemand() || !this.get_readOnly()))

{

this.highlightNextItem(letter);

return;

}

};

function onClientDropDownOpening(sender, eventArgs)

{

if (sender._filterText.length < 1)

{

eventArgs.set_cancel(true);

}

function onClientItemsRequested(sender, eventArgs)

{

if (sender.get_items().get_count() > 0)

{

$('.rcbSlide').show();

}

else

{

$('.rcbSlide').hide();

}

</script>

</form>

using System;

using System.Web.UI;

namespace WebApplication1

{

public partial class WebForm1 : Page

{

protected void Button1_Click(object sender, EventArgs e)

{

Label1.Text = RadComboBox1.SelectedValue;

RadComboBox1.Text = string.Empty;

}

using System.Collections.Generic;

using System.ComponentModel;

using System.Web.Script.Services;

using System.Web.Services;

using Telerik.Web.UI;

namespace WebApplication1

{

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[ToolboxItem(false)]

[ScriptService]

public class WebService1 : WebService

{

[WebMethod]

public RadComboBoxItemData[] GetSearchResults(object context)

{

IDictionary<string, object> contextDictionary = (IDictionary<string, object>)context;

string searchString = contextDictionary["Text"].ToString();

if (searchString.Length > 1)

{

List<RadComboBoxItemData> results = new List<RadComboBoxItemData>();

results.Add(new RadComboBoxItemData { Text = "School", Value = "1" });

results.Add(new RadComboBoxItemData { Text = "Text Book", Value = "2" });

results.Add(new RadComboBoxItemData { Text = "Ruler", Value = "3" });

results.Add(new RadComboBoxItemData { Text = "Chalk", Value = "4" });

results.Add(new RadComboBoxItemData { Text = "Teacher", Value = "5" });

results.Add(new RadComboBoxItemData { Text = "Math", Value = "6" });

results.Add(new RadComboBoxItemData { Text = "Science", Value = "7" });

results.Add(new RadComboBoxItemData { Text = "Language", Value = "8" });

results.Add(new RadComboBoxItemData { Text = "Music", Value = "9" });

results.Add(new RadComboBoxItemData { Text = "Desk", Value = "10" });

return results.ToArray();

}

else

{

return new RadComboBoxItemData[0];

}

ComboBox

asked on 09 May 2011

1 answer

120 views

Sys.ScriptLoadFailedException with EnableScriptCombine="true"

Hi,

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" LoadScriptsBeforeUI="true"

ScriptMode="Release" EnableScriptCombine="true" EnablePageMethods="true">

<CompositeScript ScriptMode="Release">

<Scripts>

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

ScriptMode="Release" />

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

ScriptMode="Release" />

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

ScriptMode="Release" />

</Scripts>

</CompositeScript>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManagerpanelcontainer" runat="server" RequestQueueSize="50">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="radgrdAssignment">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radgrdAssignment" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadGrid ID="radgrdAssignment" runat="server" AutoGenerateColumns="False"

AllowFilteringByColumn="true" AllowSorting="True" AllowMultiRowSelection="False"

AllowPaging="True" OnItemCommand="radgrdAssignment_ItemCommand" OnItemDataBound="radgrdAssignment_ItemDataBound"

OnNeedDataSource="radgrdAssignment_NeedDataSource" OnDetailTableDataBind="radgrdAssignment_DetailTableDataBind"

OnPreRender="radgrdAssignment_PreRender" OnUpdateCommand="radgrdAssignment_UpdateCommand"

EnableLinqExpressions="false">

<MasterTableView GridLines="None" Width="100%" DataKeyNames="AssignmentID" Name="ParentTable"

HierarchyLoadMode="Client" CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="false"

CommandItemSettings-ShowExportToCsvButton="true">

<DetailTables>

<telerik:GridTableView DataKeyNames="SubmittedAssignmentID" Width="100%" EditMode="EditForms"

Name="ChildTable" AllowFilteringByColumn="false" HierarchyLoadMode="Client">

<Columns>

<telerik:GridBoundColumn UniqueName="StudentCode" HeaderText="Code" SortExpression="StudentCode"

DataField="StudentCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="FirstName" HeaderText="First Name" SortExpression="FirstName"

DataField="FirstName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="LastName" HeaderText="Last Name" SortExpression="LastName"

DataField="LastName">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AllowFiltering="false" HeaderStyle-HorizontalAlign="Center"

UniqueName="assignmentstatus" HeaderText="Assignment Status">

<ItemStyle Width="6%" HorizontalAlign="Center" />

<ItemTemplate>

<asp:ImageButton ID="idassignmetstatus" runat="server" CommandName="Edit" CommandArgument='<%#Eval("LookUpValue")%>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings InsertCaption="assignment" CaptionFormatString="Recevied Assignment : {0}"

CaptionDataField="assignment" EditFormType="Template">

<PopUpSettings Modal="true" Height="43%" Width="45%" />

<FormTemplate>

<table class="table100Per" cellpadding="5" cellspacing="0" border="0">

<tr>

<td valign="top">

<asp:Label ID="lblStudentComments" runat="server" Text="Comments"></asp:Label>

</td>

<td colspan="2" align="left">

<telerik:RadEditor Content='<%# Bind("Comments") %>' Enabled="false" runat="server"

SkinID="RE780px*200" ID="REStudentComments">

</telerik:RadEditor>

</td>

</tr>

<tr>

<td valign="top">

<asp:Label ID="lblAssignmentNotes" runat="server" Text="Comment"></asp:Label>

</td>

<td colspan="2">

<telerik:RadEditor SkinID="RE780px*200" runat="server" ID="REComment" Enabled="true">

</telerik:RadEditor>

</td>

</tr>

<tr>

<td width="15%">

</td>

<td align="left " colspan="2" width="85%">

<asp:Button ID="btnaccept" SkinID="CommonButton" runat="server" Text="Accept" CommandArgument="Accept"

CommandName="Update" />

<asp:Button ID="btnReject" SkinID="CommonButton" runat="server" Text="Reject" CommandArgument="Reject"

CommandName="Update" />

<asp:Button ID="btncancel" SkinID="CommonButton" runat="server" Text="Cancel" CausesValidation="false"

CommandName="cancel" />

</td>

</tr>

</table>

<table style="width: 100%">

</table>

</FormTemplate>

</EditFormSettings>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn SortExpression="AssignmentTopic" HeaderText="Assignment topic"

HeaderButtonType="TextButton" DataField="AssignmentTopic">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="EducationPeriodName" HeaderText="Education period"

HeaderButtonType="TextButton" DataField="EducationPeriodName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="ClassroomName" HeaderText="Classroom" HeaderButtonType="TextButton"

DataField="ClassroomName">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

get the ScriptLoadFailedException when EnableScriptCombine="true".
i get this error when i click on edit button on DetailsTable.

Thanks,
Jayesh Goyani

Ajax