or
5 answers
1.3K+ views
Hi,
I have a problem and would appreciate your help.
I would like to show on a HTML Pie Chart two values: the actual value (units) and a percentage (%).
So for example in such format: 35% (120units) or 20% (110units) and so on. This should appear as a PieLabel and additionally as Tooltip (when someone moves cursor over pie).
For each data I have counted both values.
I prefer the programmatic creation of chart :) (in .aspx only the minimum)
So my code looks like:
chart.aspx:
chart.aspx.cs:
I have a problem and would appreciate your help.
I would like to show on a HTML Pie Chart two values: the actual value (units) and a percentage (%).
So for example in such format: 35% (120units) or 20% (110units) and so on. This should appear as a PieLabel and additionally as Tooltip (when someone moves cursor over pie).
For each data I have counted both values.
I prefer the programmatic creation of chart :) (in .aspx only the minimum)
So my code looks like:
chart.aspx:
<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="500" Height="500" Transitions="true"> <Appearance> <FillStyle BackgroundColor="White" /> </Appearance> <Legend> <Appearance BackgroundColor="White" Position="Right" Visible="true" /> </Legend> <PlotArea> <Appearance> <FillStyle BackgroundColor="White" /> </Appearance> <Series> </Series> </PlotArea></telerik:RadHtmlChart>chart.aspx.cs:
private void ShowChart(){ PieSeries pieSeries = new PieSeries(); listContactsAmount = report.GetCampaignData(iCampaignId); // get my data if (listContactsAmount != null && listContactsAmount.Count > 0) { int sum = 0; foreach (DataRow row in listContactsAmount.Rows) { sum = sum + (int)row["ContactsAmount"]; } pieSeries.StartAngle = 90; pieSeries.LabelsAppearance.DataFormatString = "{0}"; pieSeries.LabelsAppearance.Position = Telerik.Web.UI.HtmlChart.PieLabelsPosition.Circle; pieSeries.TooltipsAppearance.DataFormatString = "{0}"; SeriesItem seriesItem = null; foreach (DataRow row in listContactsAmount.Rows) { seriesItem = new SeriesItem(); string contactsStatus = (string)row["ContactsStatus"]; int contactsAmount = (int)row["ContactsAmount"]; // the first value to display decimal percentage = Math.Round(Decimal.Divide((decimal)contactsAmount, (decimal)sum), 4); // the second value to display - WHERE PUT IT ? seriesItem.Name = contactsStatus; seriesItem.YValue = contactsAmount; if (contactsStatus.Equals("Ok")) { seriesItem.BackgroundColor = Color.GreenYellow; seriesItem.Exploded = true; } else { seriesItem.BackgroundColor = Color.Red; seriesItem.Exploded = true; } pieSeries.Items.Add(seriesItem); } RadHtmlChart1.PlotArea.Series.Add(pieSeries); }}
Tom
Top achievements
Rank 2
Rank 2
answered
on
19 Jun 2014
3 answers
143 views
function checkEnter() {
if (navigator.userAgent.indexOf('Firefox') !== -1 || navigator.userAgent.indexOf('Chrome') !== -1) {
if (event.keyCode === 13) {
var grid = $find("<%= rgClaimLines.ClientID %>");
if (grid) {
var EditItems = grid.get_editItems();
for (var i = 0; i < EditItems.length; i++) {
var editItem = EditItems[0];
var textBox = $(editItem.get_editFormItem()).find("input[id*='ddl_Paid']").get(0);
textBox.focus();
event.preventDefault();
return false;
}
}
The above function works perfectly on the first row of my grid, but fails on any subsequent rows....
Any ideas?
Regards
Marius
}
}
if (navigator.userAgent.indexOf('Firefox') !== -1 || navigator.userAgent.indexOf('Chrome') !== -1) {
if (event.keyCode === 13) {
var grid = $find("<%= rgClaimLines.ClientID %>");
if (grid) {
var EditItems = grid.get_editItems();
for (var i = 0; i < EditItems.length; i++) {
var editItem = EditItems[0];
var textBox = $(editItem.get_editFormItem()).find("input[id*='ddl_Paid']").get(0);
textBox.focus();
event.preventDefault();
return false;
}
}
The above function works perfectly on the first row of my grid, but fails on any subsequent rows....
Any ideas?
Regards
Marius
}
}
4 answers
889 views
hi guys , hope u all doing fine , I really LOVE telerik it is amazing !! best job ever !! but I have a problem in my RadAsyncUpload :( , I have created a web application , it all works fine in my localhost , but when i upload it into my Host the RadAsyncUpload doesn't work !! it doesn't upload the file while in my localhost it uploads files and save it to the target folder and i get name and whatever i want from uploaded files !!
in the first two attached pics i showed what exactly happen and the end pic is the code .
Version : RadControls for ASP.NET AJAX Q2 2012
NOTE : I haven't use RadProgressArea or anything , what you see in the last pis is all which is the RadAsyncUpload alone .
Thank u so much for answering and helping :)
in the first two attached pics i showed what exactly happen and the end pic is the code .
Version : RadControls for ASP.NET AJAX Q2 2012
NOTE : I haven't use RadProgressArea or anything , what you see in the last pis is all which is the RadAsyncUpload alone .
Thank u so much for answering and helping :)
Peter Filipov
Telerik team
answered
on
19 Jun 2014
1 answer
273 views
Hi,
I've recently switched a site over tot he RadAsyncUpload module. It works fine in my local development environment. When I later go and install it in a testing environment I'm getting the an error message that states "Telerik.Web.UI.RadAsyncUpload does not implement IHttpModule". I can't find anything online that addresses this specific error message. Note that I'm deploying a precompiled web app.
My web config contains the following relevant keys:
<httpModules>
<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule">
</httpModules>
<system.webServer>
<modules runAllManagedModulesForAllRequests="true">
<remove name="RadAsyncUpload" />
<add name="RadAsyncUpload" type="Telerik.Web.UI.RadAsyncUpload" preCondition="integratedMode" />
<remove name="RadCompression" />
<add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedModle" />
</modules>
</system.webServer>
Any thoughts or guidence would be greatly appreciated.
I've recently switched a site over tot he RadAsyncUpload module. It works fine in my local development environment. When I later go and install it in a testing environment I'm getting the an error message that states "Telerik.Web.UI.RadAsyncUpload does not implement IHttpModule". I can't find anything online that addresses this specific error message. Note that I'm deploying a precompiled web app.
My web config contains the following relevant keys:
<httpModules>
<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule">
</httpModules>
<system.webServer>
<modules runAllManagedModulesForAllRequests="true">
<remove name="RadAsyncUpload" />
<add name="RadAsyncUpload" type="Telerik.Web.UI.RadAsyncUpload" preCondition="integratedMode" />
<remove name="RadCompression" />
<add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedModle" />
</modules>
</system.webServer>
Any thoughts or guidence would be greatly appreciated.
Nencho
Telerik team
answered
on
19 Jun 2014
1 answer
144 views
Hi,
I have a treeview and a textbox for search. I am able to get the searched node from the treeview. But I need to expand all the ancestors of that node.
I have a treeview and a textbox for search. I am able to get the searched node from the treeview. But I need to expand all the ancestors of that node.
Shinu
Top achievements
Rank 2
Rank 2
answered
on
19 Jun 2014
1 answer
172 views
I have this Radgrid where I use a calculated column "column" to get the total value per row. I use a calculated column because the two items "Quantity" and "Cost" come from different db tables.
I am experiencing problem in getting the total value of each Group aggregated as sum in the group header. I have checked the documentation but still I am unable to get it. I would really appreciate if someone here can support me with an example based on the above grid. Thanks a lot,
Felice
<MasterTableView CommandItemDisplay="Top" DataKeyNames="Id" DataSourceID="SqlDataSource1" PageSize="3000" GroupsDefaultExpanded="false"> <GroupByExpressions> <telerik:GridGroupByExpression> <GroupByFields> <telerik:GridGroupByField FieldName="Stgroup" /> </GroupByFields> <SelectFields> <telerik:GridGroupByField FieldName="Stgroup"/> </SelectFields> </telerik:GridGroupByExpression> </GroupByExpressions> <Columns> <telerik:GridEditCommandColumn ButtonType="ImageButton"> <HeaderStyle Width="30px" /> </telerik:GridEditCommandColumn> <telerik:GridBoundColumn DataField="Id" DataType="System.Int32" FilterControlAltText="Filter Id column" HeaderText="Id" SortExpression="Id" UniqueName="Id" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="45px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Code" DataType="System.Double" FilterControlAltText="Filter Code column" HeaderText="Code" SortExpression="Code" UniqueName="Code"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="65px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Designation" FilterControlAltText="Filter Designation column" HeaderText="Designation" SortExpression="Designation" UniqueName="Designation"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="150px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Description" FilterControlAltText="Filter Description column" HeaderText="Description" SortExpression="Description" UniqueName="Description" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="150px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Bkgroup" FilterControlAltText="Filter Bkgroup column" HeaderText="Bkgroup" SortExpression="Bkgroup" UniqueName="Bkgroup" DataType="System.Double"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="55px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Stgroup" FilterControlAltText="Filter Stgroup column" HeaderText="Stgroup" SortExpression="Stgroup" UniqueName="Stgroup" DataType="System.Double"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="55px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Type" FilterControlAltText="Filter Type column" HeaderText="Type" SortExpression="Type" UniqueName="Type"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Standard" FilterControlAltText="Filter Standard column" HeaderText="Standard" SortExpression="Standard" UniqueName="Standard"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Quantity" FilterControlAltText="Filter Quantity column" HeaderText="Quantity" SortExpression="Quantity" UniqueName="Quantity" DataType="System.Double"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="60px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Unit" FilterControlAltText="Filter Unit column" HeaderText="Unit" SortExpression="Unit" UniqueName="Unit" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="40px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Cost" DataType="System.Double" FilterControlAltText="Filter Cost column" HeaderText="Cost BYR" SortExpression="Cost" UniqueName="Cost" DataFormatString="{0:N5}" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle HorizontalAlign="Center" Width="65px" /> </telerik:GridBoundColumn> <telerik:GridCalculatedColumn DataFields="Quantity,Cost" DataFormatString="{0:N5}" Expression="{0}*{1}" FilterControlAltText="Filter column column" HeaderText="Tot. Cost BYR" UniqueName="column"> <HeaderStyle HorizontalAlign="Center" /> </telerik:GridCalculatedColumn> <telerik:GridBoundColumn DataField="Note" FilterControlAltText="Filter Note column" HeaderText="Note BOM" SortExpression="Note" UniqueName="Note"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Note1" FilterControlAltText="Filter Note1 column" HeaderText="Note Comp." SortExpression="Note1" UniqueName="Note1" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridButtonColumn ButtonType="ImageButton" Text="Delete" CommandName="Delete" FilterControlAltText="Filter column1 column" ConfirmDialogType="RadWindow" ConfirmText="Do you really want to delete this project and all its content?" UniqueName="column1"> <HeaderStyle Width="30px" /> </telerik:GridButtonColumn> </Columns> <EditFormSettings> <FormStyle BackColor="Yellow" /> <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column"></EditColumn> </EditFormSettings> <PagerStyle AlwaysVisible="True" Mode="NextPrevNumericAndAdvanced" PageButtonCount="50" /> </MasterTableView>Felice
Eyup
Telerik team
answered
on
19 Jun 2014
1 answer
142 views
I have a grid with a calculated column which is not bind to the db and I would like to calculate the group total based on such column sum (unique name: column).
All example I have found are summing bind columns, how can I achieve to get the total of groups on a not bind calculated column?
<MasterTableView CommandItemDisplay="Top" DataKeyNames="Id" DataSourceID="SqlDataSource1"> <GroupByExpressions> <telerik:GridGroupByExpression> <GroupByFields> <telerik:GridGroupByField FieldName="Stgroup" /> </GroupByFields> <SelectFields> <telerik:GridGroupByField FieldName="Stgroup" /> </SelectFields> </telerik:GridGroupByExpression> </GroupByExpressions> <Columns> <telerik:GridEditCommandColumn ButtonType="ImageButton"> <HeaderStyle Width="30px" /> </telerik:GridEditCommandColumn> <telerik:GridBoundColumn DataField="Id" DataType="System.Int32" FilterControlAltText="Filter Id column" HeaderText="Id" SortExpression="Id" UniqueName="Id" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="45px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Code" DataType="System.Double" FilterControlAltText="Filter Code column" HeaderText="Code" SortExpression="Code" UniqueName="Code"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="65px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Designation" FilterControlAltText="Filter Designation column" HeaderText="Designation" SortExpression="Designation" UniqueName="Designation"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="150px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Description" FilterControlAltText="Filter Description column" HeaderText="Description" SortExpression="Description" UniqueName="Description" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="150px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Bkgroup" FilterControlAltText="Filter Bkgroup column" HeaderText="Bkgroup" SortExpression="Bkgroup" UniqueName="Bkgroup" DataType="System.Double"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="55px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Stgroup" FilterControlAltText="Filter Stgroup column" HeaderText="Stgroup" SortExpression="Stgroup" UniqueName="Stgroup" DataType="System.Double"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="55px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Type" FilterControlAltText="Filter Type column" HeaderText="Type" SortExpression="Type" UniqueName="Type"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Standard" FilterControlAltText="Filter Standard column" HeaderText="Standard" SortExpression="Standard" UniqueName="Standard"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Quantity" FilterControlAltText="Filter Quantity column" HeaderText="Quantity" SortExpression="Quantity" UniqueName="Quantity" DataType="System.Double"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="60px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Unit" FilterControlAltText="Filter Unit column" HeaderText="Unit" SortExpression="Unit" UniqueName="Unit" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle Width="40px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Cost" DataType="System.Double" FilterControlAltText="Filter Cost column" HeaderText="Cost BYR" SortExpression="Cost" UniqueName="Cost" DataFormatString="{0:N5}" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> <HeaderStyle HorizontalAlign="Center" Width="65px" /> </telerik:GridBoundColumn> <telerik:GridCalculatedColumn DataFields="Quantity,Cost" DataFormatString="{0:N5}" Expression="{0}*{1}" FilterControlAltText="Filter column column" HeaderText="Tot. Cost BYR" UniqueName="column"> <HeaderStyle HorizontalAlign="Center" /> </telerik:GridCalculatedColumn> <telerik:GridBoundColumn DataField="Note" FilterControlAltText="Filter Note column" HeaderText="Note BOM" SortExpression="Note" UniqueName="Note"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Note1" FilterControlAltText="Filter Note1 column" HeaderText="Note Comp." SortExpression="Note1" UniqueName="Note1" ReadOnly="True"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridButtonColumn ButtonType="ImageButton" Text="Delete" CommandName="Delete" FilterControlAltText="Filter column1 column" ConfirmDialogType="RadWindow" ConfirmText="Do you really want to delete this project and all its content?" UniqueName="column1"> <HeaderStyle Width="30px" /> </telerik:GridButtonColumn> </Columns>All example I have found are summing bind columns, how can I achieve to get the total of groups on a not bind calculated column?
Eyup
Telerik team
answered
on
19 Jun 2014
3 answers
103 views
Correct me if I'm wrong but there is no way to configure radEditor to open in Preview mode. I found a workaround a few years ago
function OnClientLoad(editor, args) { setTimeout(function () { editor.set_mode(4); }, 10);}
but that code set focus to editor control in IE9/10, i.e. if you have a long page with an editor at the bottom then when you open the page IE scrolls it to the bottom. I wonder is there better way doing it?
Misho
Telerik team
answered
on
19 Jun 2014
3 answers
94 views
Hi Telerik team,
I'm experiencing a problem with radAsncUpload and progressArea in one of our applications:
When accessing the application with IE9 (Silverlight disabled, so the Uploader uses the iframe module) the ProgressArea does not show any progress untill the file is fully uploaded. Then it "jumps" to 100%.
In order to locate the source of the problem I created a little sample application with radAsyncUpload and ProgressArea.
The handler registration is correct, because the error does not occure when the application is accessed via cassini.
However when deployed to IIS the same issue occurs.
Is there anything that could block the progess indication on IIS?
Any hints on how to troubleshoot this issue?
Cheers
Tobi
I'm experiencing a problem with radAsncUpload and progressArea in one of our applications:
When accessing the application with IE9 (Silverlight disabled, so the Uploader uses the iframe module) the ProgressArea does not show any progress untill the file is fully uploaded. Then it "jumps" to 100%.
In order to locate the source of the problem I created a little sample application with radAsyncUpload and ProgressArea.
The handler registration is correct, because the error does not occure when the application is accessed via cassini.
However when deployed to IIS the same issue occurs.
Is there anything that could block the progess indication on IIS?
Any hints on how to troubleshoot this issue?
Cheers
Tobi
Peter Filipov
Telerik team
answered
on
19 Jun 2014
8 answers
332 views
Hello. I have a Rad grid and inside of the edit form template I have a radlistbox. When I click the edit button on the column I want to edit I get a TypeError RadListBox is not defined. If I click it again it then loads and works. Please help me with this. It is urgent!
