Questions on UI for ASP.NET AJAX Forum

6 answers

399 views

Hi,

My bar chart uses only one colour for all series, how can I get it to use random colours? (or generate a custom palette myself).

Preferably to be set in code-behind.

Chart (HTML5)

answered on 04 Sep 2015

14 answers

606 views

asp:Label font-family not affected

I am using the FormDecorator to control the look and feel of my site.

After reading...

Telerik ASP.NET FormDecorator allows you to beautifully style 10 types of elements: Buttons, CheckBoxes, RadioButtons, Fieldset, TextBox, Textarea, Labels, H4, h5, H6.

...I assumed that the Form Decorator would change the appearance of any asp:Label on my form. In fact, it does! However, it only seems to change the color and not the font-family to match the currently selected skin. Is this a bug or a design flaw or something I am doing wrong?

Thanks.

FormDecorator

answered on 03 Sep 2015

11 answers

495 views

Disable blinking cursor

Good morning,
is there a way to disable the blinking cursor at the end of the ComboBox select Box?

See attached a example image.

Thanks in advance.

Regards
Dirk

ComboBox

answered on 03 Sep 2015

5 answers

481 views

How can I close row edit in Batch RadGrid using Javascript ?

I need to exit edit mode in batch radgrid on client click of a button in that radgrid. Is there any way to do this ?

I couldn't retreive data entered in the RadGrid while its in edit mode (using javascript : "batchManager.getCellValue(mapCell)").

I have to do this in client side too.

Thanks for your help !

AbbasB

Grid

answered on 03 Sep 2015

3 answers

132 views

RADGrid Commands Does not work

Hi,

We have a website integrated with Sitefinity(CMS) and we started using Telerik controls. I have encountered a problem which needs to be solved as soon as possible to meet our deadline.

The RadGrid was working till this afternoon, we realized the commands does not fire anymore. The grid displays the rows but the "Add New Record", "Edit" and "Delete" does not work. These were working before, not sure what happened now. All I could find is, there are few JavaScript errors (please see the attached image).

The grid is also pasted below for your review. Please help us out of this issue.

<telerik:RadGrid ID="radProviderListGrid" AllowAutomaticDeletes="true"
DataSourceID="sqlCEProviderActivities" AllowSorting="True" AllowPaging="True" Width="650px"
runat="server" PageSize="50"
AllowAutomaticInserts="false"
Skin="WebBlue" OnItemCommand ="radProviderListGrid_ItemCommand" OnItemDeleted="radProviderListGrid_ItemDeleted" OnItemUpdated="radProviderListGrid_ItemUpdated"
OnItemInserted ="radProviderListGrid_ItemInserted" OnInsertCommand="radProviderListGrid_InsertCommand" OnUpdateCommand="radProviderListGrid_UpdateCommand"
MasterTableView-DataKeyNames="ID" AutoGenerateColumns="false" ShowGroupPanel="True" EnableHierarchyExpandAll="true" EnableLinqExpressions="false" GridLines="None">
<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
<MasterTableView Width="100%" CommandItemDisplay="Top" EditMode="EditForms" DataSourceID="sqlCEProviderActivities" DataKeyNames="ID" AutoGenerateColumns="false" ShowGroupFooter="true">
<NoRecordsTemplate>
<div>
There are no CE Provider Activities to display
</div>
</NoRecordsTemplate>
<Columns>
<telerik:GridEditCommandColumn ButtonType="LinkButton" UniqueName="EditCommandColumn"/>
<telerik:GridBoundColumn DataField="ID" HeaderText="ID" SortExpression="ID" UniqueName="ID" Visible="true">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="StartDate" HeaderText="Start Date" SortExpression="StartDate" UniqueName="StartDate" DataFormatString="{0:d}">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="EndDate" HeaderText="End Date" SortExpression="EndDate" UniqueName="EndDate" DataFormatString="{0:d}"/>
<telerik:GridBoundColumn DataField="City" HeaderText="City" SortExpression="City" UniqueName="City">
</telerik:GridBoundColumn>
<telerik:GridCheckBoxColumn DataField="IsOngoingActivity" HeaderText="Ongoing Activity?" DataType="System.Boolean" SortExpression="IsOngoingActivity" UniqueName="IsOngoingActivity"/>
<telerik:GridCheckBoxColumn DataField="ListOnSite" HeaderText="List On Site" DataType="System.Boolean" SortExpression="ListOnSite" UniqueName="ListOnSite"/>
<telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="LinkButton" UniqueName="DeleteCommandColumn" ConfirmText="Delete Row?" ConfirmTitle="Delete?" />
</Columns>
<EditFormSettings EditFormType="Template">
<EditColumn ButtonType="ImageButton" />
<FormTemplate>
<p></p>
<p><b>CE Provider Activity Details</b></p>
<hr />
<table class="formTable">

<tr>
<td style="text-align:right">Do not list on site</td>
<td class="control">
<asp:CheckBox ID="chkDoNotListOnsite" runat="server" Checked='<%# IIf(DataBinder.Eval(Container.DataItem, "ListOnSite") Is DBNull.Value, False, Eval("ListOnSite"))%>' />
</td>
<td style="text-align:right">Is Ongoing Activity?</td>
<td class="control">
<asp:CheckBox ID="chkOngoingActivity" runat="server" Checked='<%# IIf(DataBinder.Eval(Container.DataItem, "IsOngoingActivity") Is DBNull.Value, False, Eval("IsOngoingActivity"))%>'/>
</td>
</tr>
<tr>
<td style="text-align:right">Start Date :</td>
<td class="control">
<telerik:RadDatePicker ID="radDateStartDate" Width="150px" runat="server" DbSelectedDate='<%# Bind("StartDate")%>' Skin="Metro">
</telerik:RadDatePicker>
</td>

<td style="text-align:right">End Date :</td>
<td class="control">
<telerik:RadDatePicker ID="radDateEndDate" Width="150px" runat="server" DbSelectedDate='<%# Bind("EndDate")%>' Skin="Metro">
</telerik:RadDatePicker>
</td>
</tr>

<tr>
<td style="text-align:right">Country</td>
<td class="control">
<asp:DropDownList runat="server" ID="ddlCountry" class="dropdownlist" DataSourceID="sqlCountries"
DataTextField="Country" >
</asp:DropDownList>
</td>
<td style="text-align:right">Languages</td>
<td class="control"><asp:DropDownList runat="server" ID="ddlLanguages" class="dropdownlist" DataTextField='<%# Bind("Languages")%>'>
<asp:ListItem></asp:ListItem>
<asp:ListItem>English</asp:ListItem>
<asp:ListItem>French</asp:ListItem>
<asp:ListItem>English & French</asp:ListItem>
</asp:DropDownList></td>

</tr>

<tr>
<td style="text-align:right">State/Province</td>
<td class="control">
<asp:DropDownList runat="server" ID="ddlStates" class="dropdownlist" DataSourceID="sqlStates" DataTextField="FullName" />
</td>
<td style="text-align:right">Registration Fee</td>
<td class="control">
<telerik:RadNumericTextBox ID="radNumericTextBox" runat="server" class="textBox" NumberFormat-DecimalDigits="2" Type="Currency" MinValue="0" Text='<%# Bind("RegistrationFee")%>'>
</telerik:RadNumericTextBox></td>
</tr>
<tr>
<td style="text-align:right"> City </td>
<td class="control">
<asp:TextBox ID="txtCity" runat="server" class="textBox" Text='<%# Bind("City")%>'>
</asp:TextBox>
</td>
<td>

</td>
<td>

</td>
</tr>

<tr>
<td style="text-align:right">Website</td>
<td colspan="3"><asp:TextBox ID="txtWebsite" runat="server" ClientIdMode="Static" class="URL" Text='<%# Bind("Website")%>'>
</asp:TextBox>
<asp:RegularExpressionValidator ID="regUrl"
runat="server"
ControlToValidate="txtWebsite"
ValidationExpression="^((http|https)://)?([\w-]+\.)+[\w]+(/[\w- ./?]*)?$"
Text="Enter a valid URL" ForeColor="red"/>
</td>
</tr>
</table>
<hr />
<table id="tblEditForm" style="border-collapse: collapse;">
<tr><td colspan="2"></td></tr>
<tr>
<td>
<table><tr><td colspan="2"> </td></tr></table>
</td>
<td>
<table id="tblEditFormInner">
<tr>
<td colspan="2">
<asp:Button ID="btnUpdate" Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'
runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>'></asp:Button> 
<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
CommandName="Cancel"></asp:Button>
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
</MasterTableView>
<ClientSettings AllowColumnsReorder="True">
<Selecting AllowRowSelect="True"></Selecting>
</ClientSettings>
<GroupingSettings ShowUnGroupButton="true" />
</telerik:RadGrid>

Grid

answered on 03 Sep 2015

1 answer

246 views

Porcentaje personalizado en los Totales

Saludos, Tengo un requerimiento de gerencia y no se como implementarlo en el control, Necesito hacer un calculo porcentual especial. Mi primer grupo es la suma de mis ingresos. y necesito que de ahí en adelante el valor del porcentaje no sea una suma, sino la representacion de cuanto equivale ese gasto respecto al total de mis ingresos.

Greetings, I have a requirement management and how to implement it are not in control, I need to make a special percentage calculation. My first group is the sum of my income. and I need that from then on the percentage value is not a sum, but the representation of how that spending is equivalent to the total of my income.

PivotGrid

answered on 03 Sep 2015

5 answers

278 views

[Solved] I can not use RadButton of PostbackUrl at RadAjaxPanel or RadAjaxManager + RadButton

When I use 'telerik:RadButton' of PostUrl ,Do not change page.

I only use 'asp:Button'

Now I need use 'telerik:RadButton'. What should I do ?

@E1.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="E1.aspx.cs" Inherits="THS.ERP.MM.UI.SurveyTest.E1" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<div>

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

<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>

</telerik:RadScriptManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>

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

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">

<AjaxSettings>

<%-- <telerik:AjaxSetting AjaxControlID="Master_RadGrid">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>--%>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="Master_RadGrid" runat="server" Width="100%" Height="100%"

AllowFilteringByColumn="True"

AllowPaging="True"

AllowSorting="True"

AllowCustomPaging="True"

AutoGenerateColumns="False"

GroupPanelPosition="Top"

OnItemCommand="Master_RadGrid_ItemCommand"

OnNeedDataSource="Master_RadGrid_NeedDataSource">

<MasterTableView CommandItemDisplay="TopAndBottom"

ClientDataKeyNames="Id"

EditMode="PopUp"

DataKeyNames="Id"

ItemType="THS.ERP.MM.UI.SurveyTest.Account">

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<asp:LinkButton ID="AddRecord_LinkButton" runat="server" CommandName="AddCommand" PostBackUrl="~/Setup/MaterialE2.aspx">

<img style="border: 0px; vertical-align: middle;" alt="" src="/Images/Grid/AddRecord.gif" /> 新增

</asp:LinkButton>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn AllowFiltering="false" AllowSorting="false">

<ItemTemplate>

<telerik:RadButton ID="Button1" runat="server" Text="Browse"

ToolTip="Browse"

CommandName="BrowseCommand"

CommandArgument="<%# Item.Id %>"

PostBackUrl="~/SurveyTest/at telerik forum question/E2.aspx">

</telerik:RadButton>

<asp:Button ID="ReadRecord_Button" runat="server" Text="Browse"

ToolTip="Browse"

CommandName="BrowseCommand"

CommandArgument="<%# Item.Id %>"

PostBackUrl="~/SurveyTest/at telerik forum question/E2.aspx" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn AllowFiltering="false" AllowSorting="false">

<ItemTemplate>

<asp:Button ID="EditRecord_Button" runat="server" Text="Edit"

ToolTip="Edit"

CommandName="EditCommand"

PostBackUrl="~/SurveyTest/at telerik forum question/E2.aspx" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Id" Visible="false">

<ItemTemplate>

<asp:HiddenField ID="MaterialUid_Id" runat="server" Value="<%# BindItem.Id %>" />

</ItemTemplate>

<EditItemTemplate>

<asp:HiddenField ID="MaterialUid_Id" runat="server" Value="<%# BindItem.Id %>" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Name" HeaderText="Name">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Age" HeaderText="Age">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CreateUserId" HeaderText="CreateUserId">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="CreateDateTime" HeaderText="CreateDateTime">

</telerik:GridDateTimeColumn>

<telerik:GridTemplateColumn AllowFiltering="false" AllowSorting="false" UniqueName="DeleteColumn">

<ItemTemplate>

<telerik:RadButton ID="DeleteRecord_Button" runat="server"

ToolTip="刪除"

CssClass="DeleteCommand"

CommandName="DeleteCommand"

CommandArgument="<%# Item.Id %>">

<Image EnableImageButton="true" />

</telerik:RadButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<PagerStyle PageSizes="10,20,30,50,100"></PagerStyle>

<CommandItemSettings ShowAddNewRecordButton="true" ShowRefreshButton="False" AddNewRecordText="新增"></CommandItemSettings>

<NoRecordsTemplate>找不到資料！！</NoRecordsTemplate>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" AllowColumnsReorder="True">

<Selecting AllowRowSelect="True"></Selecting>

<%--<ClientEvents OnCommand="OnCommand" OnColumnClick="ColumnClick" />--%>

</ClientSettings>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</div>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function AttachDownloadOnClientClick(sender) {

$find("<%= RadAjaxManager1.ClientID %>").__doPostBack(sender.name, "");

//do not poskback

return false;

}

function confirmCallBackFn(arg) {

var ajaxManager = $find("<%=RadAjaxManager1.ClientID%>");

if (arg) {

ajaxManager.ajaxRequest('ok');

}

else {

ajaxManager.ajaxRequest('cancel');

}

function OnRequestStart(ajaxControl, eventArgs) {

$find("<%= RadAjaxManager1.ClientID %>").__doPostBack(sender.name, "");

var eventTarget = eventArgs.get_eventTarget();

<%--if (eventTarget == "<%= ImageButton1.UniqueID %>") {

return confirm('Are you sure?');

}

else {

return false;

}--%>

}

</script>

</telerik:RadCodeBlock>

</form>

</body>

</html>

@E1.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

using THS.ERP.MM.Model.ViewModel;

namespace THS.ERP.MM.UI.SurveyTest

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

}

private IEnumerable<Account> s_Accounts;

protected void Master_RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

if (s_Accounts == null)

{

s_Accounts = new List<Account>()

{

new Account(){Id = Guid.NewGuid(),Name = "yao",Age = 18,CreateDateTime = DateTime.Now,CreateUserId = "SYS"}

};

}

if (!e.IsFromDetailTable)

{

var radGrid = (RadGrid)sender;

var itemCount = s_Accounts.Count();

IEnumerable<Account> queryResults = s_Accounts;

if (e.RebindReason == GridRebindReason.InitialLoad || e.RebindReason == GridRebindReason.ExplicitRebind)

{

radGrid.VirtualItemCount = itemCount;

}

radGrid.DataSource = queryResults;

}

public object CommandArgument { get; set; }

public string CommandName { get; set; }

protected void Master_RadGrid_ItemCommand(object sender, GridCommandEventArgs e)

{

this.CommandArgument = e.CommandArgument;

this.CommandName = e.CommandName;

}

public class Account

{

public Guid Id { get; set; }

public string Name { get; set; }

public int Age { get; set; }

public DateTime CreateDateTime { get; set; }

public string CreateUserId { get; set; }

}

@E2.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="E2.aspx.cs" Inherits="THS.ERP.MM.UI.SurveyTest.at_telerik_forum_question.E2" %>

<%@ PreviousPageType VirtualPath="~/SurveyTest/at telerik forum question/E1.aspx" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<div>

I at E2.aspx

</div>

</form>

</body>

</html>

@E2.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace THS.ERP.MM.UI.SurveyTest.at_telerik_forum_question

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

if (this.IsPostBack)

{

return;

}

if (this.PreviousPage == null)

{

this.Response.Redirect("E1.aspx");

}

if (!this.PreviousPage.IsCrossPagePostBack)

{

this.Response.Redirect("E1.aspx");

}

this.Response.Write(string.Format("Name:{0},Argument:{1}", this.PreviousPage.CommandName, this.PreviousPage.CommandArgument));

}

Grid

answered on 03 Sep 2015

2 answers

154 views

SeriesClick event not fired in canvas rendering mode.

I'm trying to bind to the client series clicked event to implement a drill-down feature. The event, however, is not fired when the chart is rendered as a Canvas but works fine in SVG mode. I even tried to bind the event handler to the underlying Kendo widget but still the event is not fired in canvas mode. I want to use canvas mode so as to keep the page size small.

Following is the structure of the chart that I used. Neither the OnClientSeriesClicked nor the ClientEvents --> OnSeriesClick work in canvas mode.

<telerik:RadHtmlChart ID="chart" runat="server" EnableEmbeddedScripts="false"
RenderMode="Lightweight" Height="350" Width="840" RenderAs="Canvas" Transitions="false"
OnClientSeriesClicked="seriesClick">
<PlotArea>

<YAxis Type="Numeric">
<TitleAppearance Text="Y" Visible="true" />
<MinorGridLines Visible="false" />
<MajorGridLines Visible="true" />
</YAxis>
<XAxis DataLabelsField="Category">
<LabelsAppearance RotationAngle="45" Visible="false">
</LabelsAppearance>
<MinorGridLines Visible="false" />
<MajorGridLines Visible="false" />
</XAxis>
<Series>
<telerik:ColumnSeries DataFieldY="Value" ColorField="Color">
<LabelsAppearance Visible="false" RotationAngle="-90"></LabelsAppearance>
<TooltipsAppearance Visible="false" />
</telerik:LineSeries>
</Series>
</PlotArea>
<Legend>
<Appearance Position="Top" Visible="false" />
</Legend>
</telerik:RadHtmlChart>

Chart (HTML5)

answered on 03 Sep 2015

8 answers

458 views

Error trying to run live demo application installed on my machine.

When I try to run the demo website on my machine I get the following error:

Database 'C:\PROGRAM FILES\TELERIK\RADCONTROLS FOR ASP.NET AJAX Q1 2011\LIVE DEMOS\APP_DATA\NORTHWIND.MDF' cannot be upgraded because it is read-only or has read-only files. Make the database or files writeable, and rerun recovery.
An attempt to attach an auto-named database for file C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q1 2011\Live Demos\App_Data\Northwind.mdf failed. A database with the same name exists, or specified file cannot be opened, or it is located on UNC share.

I have uninstalled and restalled the 2011 ajax version and am still having the same problem. I did install mysql on my machine today and uninstalled sql server 2008, then removed 2005 and reinstalled sql server 2008. Am running vs studio 2010 professional trial.

Please assist.

Thanks,

Steve Holdorf

General Discussions