I would like to create the diagram that

• User can drag & drop the item (Image) into the diagram.
• User can create the connection to link each item.
• User can save the diagram into JSON.
• User can load the diagram from JSON
  

Now, I can archive the first, second and third requirements. However, I have the problem when I try to load data from JSON. The Images are missing, and the connections also lost. I try to solve the problem by using 'visualTemplate' by setting '<ShapeDefaultsSettings Visual="visualTemplate" />', but it breaks my diagram instead. I have attached my code below.

This is my drag & drop event

function setDropTargetOnDiagram(element) {

     $telerik.$(element).kendoDropTarget({

          drop: function (e) {

               var draggable = e.draggable,

                    element = e.dropTarget,

                    diagram = element.getKendoDiagram();

 

               if (draggable && draggable.hint) {

                    var item = draggable.hint.data("data"),

                         offset = draggable.hintOffset,

                         point = new kendo.dataviz.diagram.Point(offset.left, offset.top),

                         transformed = diagram.documentToModel(point);

 

               item.id += "_" + generateUUID();

               item.x = transformed.x;

               item.y = transformed.y;

 

               var shape = createCustomShape(item);                               

             diagram.addShape(shape);

               }

          }

     });

}

 

function createCustomShape(item) {

     var shape = new kendo.dataviz.diagram.Shape(item);

     var image = new kendo.dataviz.diagram.Image({

          source: "../Images/Diagram/" + item.content.ImageName,

          x: 0,

          y: 0,

          width: item.width,

          height: item.height,

          stroke: {

               width: 0

          }

     });

     var textBlock = new kendo.dataviz.diagram.TextBlock({

          text: item.content.CustomText,

               color: "#000",

               fontSize: 12,

               x: item.content.TextX,

               y: item.content.TextY

     });

 

     shape.visual.append(image);

     shape.visual.append(textBlock);

 

     return shape;

}

This is my dragItem

This is the code for Save and Load JSON

This is my saved JSON

However, after I loaded the saved JSON, it was changed to be like this. (I lost the showing images, and connection is blank)

I try to solve the load JSON problem by using "visualTemplate" like this, but it breaks the diagram

Hello,

I'm using a Masterpage with .NET 4.0 and a RadSkinManager. Without obviously changing anything in the masterpage, I'm getting a NRE in one of my 3 content pages. The question is why is this only happening in one page and how to get RadSkinManager applied continously to all content pages?
My masterpage head is the following:

The error:

Hi all,

I am dynamically generating a RadGrid from code behind, which was perfectly working of retrieving the RadGrid Item data for hidden columns.

But, now I need to upgrade telerik version from "2011.1.413.35" to "2014.3.1209.35".

After doing this upgrade, the above method of retrieving the RadGrid Item data for hidden columns is not working, in other ways I am getting &nbsp; in place of the value.

Here is my sample code to create grid:
I am putting xmldatasource to fill the RadGrid.

radGrid.MasterTableView.Columns.Add(_CreateColumn("ID", "", Unit.Percentage(0), false));

private GridBoundColumn _CreateColumn(string dataField, string text, Unit width, Boolean readOnly)
    {
        GridBoundColumn boundColumn = new GridBoundColumn();

        boundColumn.DataField           = dataField;
        boundColumn.HeaderText          = text;
        boundColumn.SortExpression      = boundColumn.DataField;
        boundColumn.HeaderStyle.Width   = width;
        boundColumn.ReadOnly            = readOnly;
        boundColumn.Visible             = (width.Value == 0 ? false : true);

        return boundColumn;
    }.

Sample code to retrieve item value:
RadGrid radGrid = (RadGrid)control;
foreach (GridDataItem grdItem in radGrid.Items)
{
     string ID = grdItem["ID"].Text;
}

But the ID = &nbsp;   which should be some value which I filled though xmldatasource.

Please provide some bunch of code or any kind of help will be appreciated.

Hi,

I am using a RadTreeList control and I want to set the selected property (checkbox) of a row, depending on a value from the datasource.
This is my code:




However, when I run my page, I get an error on the line 'item_set_selected(true)' :


What am I doing wrong?

Hey !

I want to create a filter Template in Code Behind, but it's hard for me, can you help me ?

I would like to be able to filter the names of technicians with a combobox !

This is my code :





I see in your demo, you can create a filter with a radcombobox but its in XML :

I have a gridview with column name "Domain"

BY default it shows a single filter att one time but i want multiple filter in one time in single column

My RadGrid Structure is this

DOMAIN
@yahoo.com
@gmail.com
@india.com


I want to filter domain other than @yahoo.com and @gmail.com

How to do that in RadGrid Filter ??

Hi,

is it possible or a planned feature to mark certain days as holidays inside the calender for planning the different tasks?
Thank you.

Regards,
Felix

Hi,

is it possible to create a task inside the gantt-chart without a determination of the start time and end time? Because in some project plannings I want to create some tasks but do not know when they are going to start or end. Thanks.

Regards,
Felix

I want to bind the RadScheduler control from dataset, I have set all the required properties like DataStartField, DataEndField, DataSubjectField, DataKeyField etc, but couldn't able to show appointments on the Control. For your information I'm getting data in dataset from SQL Server Database and there is no chance that dataset is null. Please help with both RadScheduler design and aspx.cs part.

We're using the DiffEngine component to identify changes between saved versions of the Editor content.  These version changes must then be approved by a Content Approver (user). There are two problematic scenarios we have encountered.

Scenario 1:

version 1 html:  <a title="xxx" href="http://wwww.test.com/xxxxx.pdf">a link</a>
version 2 html:  <a title="yyyy" href="http://wwww.test.com/yyyyyyy.pdf">a link</a>

The DiffEngine reports no differences in these two HTML snippets. This is a major problem for us. The linked document (href) was changed and the "title" content was changed; we need for these changes to be identified so they can be approved by the Content Approver user.


Scenario 2:

version 1 html:  <img src="http://demos.telerik.com/aspnet-ajax/editor/images/editor.jpg" alt="telerik" />
version 2 html:  <img src="http://demos.telerik.com/aspnet-ajax/editor/images/editor.jpg" alt="telerik">

The DiffEngine reports a difference in these two html snippets, despite the fact that only the closing tag changed.

Here's the output of the DiffEngine:

<table class="diff_deleted"><tr><td><img src="http://demos.telerik.com/aspnet-ajax/editor/images/editor.jpg" alt="telerik" /></td></tr></table><table class="diff_new"><tr><td><img src="http://demos.telerik.com/aspnet-ajax/editor/images/editor.jpg" alt="telerik"></td></tr></table>


Scenario 2 is more of a nuisance, but it would be nice if the DiffEngine would ignore something as trivial as a closing tag change.

Scenario 1 is a show-stopper for us.  It is possible to have the DiffEngine identify the changed href and the changed title in this scenario?

Thanks,
Trevor.