5 answers

635 views

Pie chart legend item labels not appearing

Hi there I am quite new to telerik controls and am trying to get item labels to appear in the legend of my pie chart. Someone recently got fired and I have taken over this piece of work so I am not entirely sure exactly how this code works at the moment. Another problem I have is when the pie slices get to thin the labels for that slice appear away from the correct slice! I've turned on showlabelconnectors as without it its hard to see exactly where some labels belong. I have managed to get each colour of the pie chart listed in the legend but no names appear next to the legend which looks normal as from looking at the code I dont see anything which could possibly show the item names. I've attached an image below of the pie chart. Currently this is what code I have:

CourseGroupUsagePieChart.Chart.Series.Clear();
CourseGroupUsagePieChart.PlotArea.XAxis.Appearance.LabelAppearance.RotationAngle = 270f;
CourseGroupUsagePieChart.PlotArea.XAxis.AutoScale = true;
CourseGroupUsagePieChart.CustomPalettes.Add(seriesPalette);
CourseGroupUsagePieChart.SeriesPalette = "seriesPalette";

ChartSeries ySeries_Pie = new ChartSeries();
ySeries_Pie.Appearance.LegendDisplayMode = ChartSeriesLegendDisplayMode.ItemLabels;
ySeries_Pie.Appearance.ShowLabelConnectors = true;

foreach (TotalReport item in totalReportCourseGroupList)
{
// x-axis
CourseGroupUsagePieChart.PlotArea.XAxis.AddItem(String.Format("{0} {1}", item.Name, item.Name));

// y-axis
ySeries_Pie.AddItem(item.TotalReportSummary.UsageSeconds, item.TotalReportSummary.UsageSeconds.ToString());
//series.AddItem(item.TotalReportSummary.UsageSeconds, item.TotalReportSummary.UsageSeconds.ToString());
}

CourseGroupUsagePieChart.AutoLayout = true;
CourseGroupUsagePieChart.AutoTextWrap = true;
CourseGroupUsagePieChart.AddChartSeries(ySeries_Pie);

Here is the asp:
<telerik:RadChart ID="CourseGroupUsagePieChart" runat="server" Width="700" Height="600" Skin="Vista" IntelligentLabelsEnabled="true" Appearance-LegendDisplayMode="ItemLabels" OnItemDataBound="CourseGroupUsagePieChart_ItemDataBound">

<ChartTitle>
<TextBlock Text="Course Group Usage - Top 10">
</TextBlock>
</ChartTitle>
</telerik:RadChart>

I've crawled through examples and demos of radcharts and cant seem to find my answer :(. Please help it will be greatly appreciated

Chart (Obsolete)

answered on 07 Sep 2012

1 answer

47 views

How to change the HeadText of GridBoundColumn in edit mode?

Grid

answered on 07 Sep 2012

1 answer

223 views

Confirm Dialog box.

Rad grid has a property called confirm text which is used to pop up a confirm dialog box.
eg.

<telerik:GridButtonColumn ConfirmText="Delete this Location?" ConfirmDialogType="RadWindow"

ConfirmDialogHeight="25px" ConfirmDialogWidth="250px" ConfirmTitle="Delete" ButtonType="ImageButton"

CommandName="Delete" />

Confirm dialog box has two button submit and cancel.
By default when popup open, focus is on submit button. Could you tell me how to change the focus to cancel button.

Thanks
Yogesh.

Grid

answered on 07 Sep 2012

4 answers

125 views

RadButton Design

I'm using this control ,
<telerik:radbutton enablesplitbutton="true"

i feel that is look like drop down list ,
i want to look like button view ,
how i achieve that ..

Thanks Advance,
Mohamed.

Button

answered on 07 Sep 2012

1 answer

61 views

Whether the item.UpdateValues () only works for GridBoundColumn instead of GridTemplateColumn?

Whether the item.UpdateValues () only works for GridBoundColumn instead of GridTemplateColumn in Update_Command event? Since I have no way to get updated item by UpdateValues if the column is GridTemplateColumn.

Grid

answered on 07 Sep 2012

1 answer

81 views

Date Navigation buttons

Hi!

How can I get the next or previous Date when i push the the Navigation button in code behind?
It's possible?

Calendar

answered on 07 Sep 2012

1 answer

64 views

Export Radgrid

How to export the radgrid in xlsx format.

Grid

answered on 07 Sep 2012

2 answers

1.2K+ views

Request.Form["__EVENTTARGET"] is null while __doPostBack() on close a window in clientside

Hello,
I have a MDI web form and dynamically creating new radwindows inside that MDI form. I want to some operations on close (X) of that window. For that i have added RadWindow1.OnClientClose = "OnClientCloseClick"; . In OnClientCloseClick event, i have called __doPostBack() in order to implement my logic. On closing window, postback is working. But when i am checking Request.Form["__EVENTTARGET"] , it's value becomes null. When i am doing the same in a normal aspx page(no windowmanager here), it is showing some value.
             In MDI form i have added new window dynamically.
   protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                RadWindow RadWindow1 = new RadWindow();
                RadWindow1.ID = "RadWindow1";
                RadWindow1.VisibleOnPageLoad = true;
                RadWindow1.OnClientClose = "OnClientCloseClick";
                RadWindow1.NavigateUrl = String.Format("Default.aspx?ID=" + Request.QueryString["ID"]);
                RadWindowManager1.Windows.Add(RadWindow1);
}
}
JS
function OnClientCloseClick(sender, args) {
                   __doPostBack('SaveSettingOnClose', 'OnClose');
                   }
function __doPostBack(eventTarget, eventArgument) {
           document.Form1.__EVENTTARGET.value = eventTarget;
           document.Form1.__EVENTARGUMENT.value = eventArgument;
           document.Form1.submit();
        }
HTML
<input type="hidden" name="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" value="">

---------------
In Default.aspx (new window created)
in page load
if (Request.Form["__EVENTTARGET"] == "SaveSettingOnClose")
            {

                SaveSettingOnClose();

            }
Here Request.Form["__EVENTTARGET"] becomes null. so control is not going inside the if block.

Please provide me solution to solve this issue.

Thanks
Abhi

Window

answered on 07 Sep 2012

0 answers

74 views

Drag and Drop dont work well on user control

Drag and Drag from RadTreeView inside user control to RadEditor don't work well.
I was able to do drag and drop but all items from tree view always paste at the beginning not on the cursor. This works w/o a problem when my treeview is in the same page with the editor. Also I cant do drag and drop to both textbox and radEditor, and lastly how can I do double click to paste items to both controls? My InsertNode don't work well.

Any help would be greatly appreciated.

Here's my code:
My User Control

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="ucTreeView.ascx.vb" Inherits="MyPage.ucTreeView" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop ="true" OnClientNodeDragging="OnClientNodeDragging"

OnClientNodeDropping="OnClientNodeDropping" OnClientNodeDragStart="OnClientNodeDragStart" OnClientDoubleClick="InsertNode" >

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode2">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode3">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

My Page:

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MyPage/HomePage.master" CodeBehind="DragDrop1.aspx.vb" Inherits="Mypage.DragDrop1" %>

<%@ Register Src="~/MyPage/ucTreeView.ascx" TagName="ucTreeView" TagPrefix="ucTV" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

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

<style type="text/css">

.TelerikModalOverlay

{

z-index: 100000 !important;

}

</style>

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

<script type="text/javascript">

function OnClientLoad(editor) {

var tree = document.getElementById("ctl00_BodyContentPlaceHolder_UcTreeView1_RadTreeView1");

makeUnselectable(tree.get_element());

}

function OnClientNodeDragStart() {

setOverlayVisible(true);

}

function OnClientNodeDropping(sender, args) {

var editor = $find("<%=RadEditor1.ClientID%>");

var event = args.get_domEvent();

document.body.style.cursor = "default";

var result = isMouseOverEditor(editor, event);

if (result) {

var itemValue = args.get_sourceNode().get_text();

editor.setFocus();

editor.pasteHtml(itemValue);

setOverlayVisible(false);

}

setOverlayVisible(false);

droppedOnInput(args);

}

function OnClientNodeDragging(sender, args) {

var editor = editor = $find("<%=RadEditor1.ClientID%>");

var event = args.get_domEvent();

if (isMouseOverEditor(editor, event)) {

document.body.style.cursor = "hand";

}

else {

var target = args.get_htmlElement();

if (target.tagName == "INPUT" || target.tagName == "TEXTAREA") {

target.style.cursor = "hand";

} else {

document.body.style.cursor = "no-drop";

}

function droppedOnInput(args) {

var target = args.get_htmlElement();

alert(target.tagName);

if (target.tagName == "INPUT") {

target.style.cursor = "INPUT";

target.value += args.get_sourceNode().get_text();

args.set_cancel(true);

return true;

}

function insertNode(sender, args) {

var target = args.get_htmlElement();

if (target.tagName == "INPUT") {

var obj = $find("<%=TextBox1.ClientID%>");

var string = args.get_sourceNode().get_text();

if (typeof (document.selection) != 'undefined') {

if (obj.createTextRange && obj.caretPos) {

var caretPos = obj.caretPos;

caretPos.text =

caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?

string + ' ' : string;

}

else {

obj.value = string;

}

else

if (typeof (obj.selectionStart) != 'undefined') {

var start = obj.selectionStart;

obj.value = obj.value.substr(0, start)

+ string

+ obj.value.substr(obj.selectionEnd, obj.value.length);

start += string.length;

obj.setSelectionRange(start, start);

}

else

obj.value += string;

obj.focus();

} else {

var obj = $find("<%=RadEditor1.ClientID%>");

var string = args.get_sourceNode().get_text();

obj.setFocus();

obj.pasteHtml(string);

}

/* ================== Utility methods needed for the Drag/Drop ===============================*/

//Make all treeview nodes unselectable to prevent selection in editor being lost

function makeUnselectable(element) {

var nodes = element.getElementsByTagName("*");

for (var index = 0; index < nodes.length; index++) {

var elem = nodes[index];

elem.setAttribute("unselectable", "on");

}

//Create and display an overlay to prevent the editor content area from capturing mouse events

var shimId = null;

function setOverlayVisible(toShow) {

if (!shimId) {

var div = document.createElement("DIV");

document.body.appendChild(div);

shimId = new Telerik.Web.UI.ModalExtender(div);

}

if (toShow) shimId.show();

else shimId.hide();

}

//Check if the image is over the editor or not

function isMouseOverEditor(editor, events) {

var editorFrame = editor.get_contentAreaElement();

var editorRect = $telerik.getBounds(editorFrame);

var mouseX = events.offsetX;

var mouseY = events.offsetY;

if (mouseX < (editorRect.x + editorRect.width) &&

mouseX > editorRect.x &&

mouseY < (editorRect.y + editorRect.height) &&

mouseY > editorRect.y) {

return true;

}

return false;

}

</script>

</telerik:RadCodeBlock>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="BodyContentPlaceHolder" runat="server">

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

</telerik:RadScriptManager>

<ucTV:ucTreeView id="UcTreeView1" runat="server">

</ucTV:ucTreeView>

<asp:TextBox ID="TextBox1" runat="server" Width="312px"></asp:TextBox>

<br />

<telerik:RadEditor ID="RadEditor1" OnClientLoad="OnClientLoad" runat="server">

</telerik:RadEditor>

</asp:Content>

Thanks,
Ryan

TreeView

asked on 07 Sep 2012

2 answers

79 views

Stand alone dialogs fail 2012.2.724.40

Stand alone dialogs are not working anymore when switching to 2012.2.724.40

I rebuild with your KB article code and keep getting:

Bericht: Object reference not set to an instance of an object.

[NullReferenceException: Object reference not set to an instance of an object.]
   Telerik.Web.UI.Editor.DialogControls.ImageManagerDialog.OnLoad(EventArgs e) +232
   System.Web.UI.Control.LoadRecursive() +74
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2207

Please help

Editor

answered on 07 Sep 2012