Questions on UI for WPF Forum

5 answers

200 views

Questions about connectors (top-aligned, labels, binding)

Hi,

I'm trying to make the RadDiagram behave as shown here: Mock up screenshot

Here's how far I got on my own: Actual screenshot

I need:
1. The connectors to be aligned to the top left/right, and not scaled
2. Labels for the connectors (not connection) to be inside the shape
3. To generate the connectors during run time (eg, via DataBinding)

1. The connectors to be aligned to the top left/right, and not scaled
By following the custom connector guide, I am able to generate custom connectors.
However, since connectors are placed using offsets, my connectors are stretched/shrinked as the shape resizes
How can I overcome this?

2. Labels for the connectors (not connection) to be inside the shape
I am doing this by overridding the RadDiagramConnector's ControlTemplate.
I'm using a value converter to determine the order the connector ellipse/label, and am currently stuck trying to make sure the label is within the shape.
Is there an easier way to do this?

3. To generate the connectors during run time (eg, via DataBinding)
I tried extending the RadDiagramShapeBase class, and provided my own DependencyProperty.
But I noticed that once the shape is loaded, any changes to the RadDiagramShapeBase.Connectors collection no longer updates the visual.
Right now, I'm working around this by passing in the data context via the constructor.
How can I do this via data binding?

public static readonly DependencyProperty ConnectorsSourceProperty =

DependencyProperty.Register("ConnectorsSource",

typeof(IList<Argument>),

typeof(ActivityShape),

new PropertyMetadata((sender, e) => ((ActivityShape)sender).BuildConnectors((IList<Argument>) e.NewValue)));

public IList<Argument> ConnectorsSource

{

get { return (IList<Argument>)GetValue(ConnectorsSourceProperty); }

set { SetValue(ConnectorsSourceProperty, value); }

}

private void BuildConnectors(IList<Argument> arguments)

{

var inputs = arguments.Where(a => a.Direction == Direction.In).ToArray();

var outputs = arguments.Where(a => a.Direction == Direction.Out).ToArray();

var inputDelta = 1.0 / (inputs.Length + 1);

var outputDelta = 1.0 / (outputs.Length + 1);

Connectors.Clear();

for (int i = 0; i < inputs.Length; i++)

{

var argument = inputs[i];

Connectors.Add(new RadDiagramConnector

{

Name = argument.Name,

Offset = new Point(0, inputDelta*(i + 1))

});

}

for (int i = 0; i < outputs.Length; i++)

{

var argument = outputs[i];

Connectors.Add(new RadDiagramConnector

{

Name = argument.Name,

Offset = new Point(1, outputDelta*(i + 1))

});

}

Please help.

Thanks!
Josh

Diagram

answered on 28 Apr 2015

17 answers

587 views

One question about RadDiagram MVVM

Hi team,
First I have to say RadDiagram is a quite charming control/platform for diagramming. But it's also a little complicated to master it. Now I have a question about MVVM demo for RadDiagram. The demo defines a shape style shown below.

<telerik:RadDiagram.ShapeStyle>

<Style TargetType="telerik:RadDiagramShape">

<Setter Property="Position" Value="{Binding Position, Mode=TwoWay}" />

</Style>

</telerik:RadDiagram.ShapeStyle>

The shape style would be applied to the shape in the diagram. Now I have two different shapes. Waht should I do now? I guess I can't duplicate the above code. I mess myself with custom shape, customized content template and etc. I want to know the recommended way to do this.

Thanks,
Jingfei

Diagram

answered on 28 Apr 2015

8 answers

102 views

Exception on production server

I've a strange ScheduleView behaviour.

I'm using the latest version of your controls: 2014.3.1209.40

When I publish the website on a production server (Win Server 2003 with iis6), all the other controls (grid/menu ecc) are perfect, but the ScheduleView throws this exception:

[InvalidOperationException: Sequence contains no matching element]

System.Linq.Enumerable.First(IEnumerable`1 source, Func`2 predicate) +278

Telerik.Web.UI.TimeZoneInfoProvider.GetTimeZoneModelById(String id) +160

[TimeZoneNotFoundException: Time Zone with the provided Id was not found]

Telerik.Web.UI.TimeZoneInfoProvider.GetTimeZoneModelById(String id) +217

Telerik.Web.UI.Appointment.get_StartLocal() +45

[TargetInvocationException: Exception has been thrown by the target of an invocation.]

System.RuntimeMethodHandle._InvokeMethodFast(IRuntimeMethodInfo method, Object target, Object[] arguments, SignatureStruct& sig, MethodAttributes methodAttributes, RuntimeType typeOwner) +0

System.RuntimeMethodHandle.InvokeMethodFast(IRuntimeMethodInfo method, Object target, Object[] arguments, Signature sig, MethodAttributes methodAttributes, RuntimeType typeOwner) +72

System.Reflection.RuntimeMethodInfo.Invoke(Object obj, BindingFlags invokeAttr, Binder binder, Object[] parameters, CultureInfo culture, Boolean skipVisibilityChecks) +335

System.Reflection.RuntimeMethodInfo.Invoke(Object obj, BindingFlags invokeAttr, Binder binder, Object[] parameters, CultureInfo culture) +28

System.Reflection.RuntimePropertyInfo.GetValue(Object obj, BindingFlags invokeAttr, Binder binder, Object[] index, CultureInfo culture) +63

System.Reflection.RuntimePropertyInfo.GetValue(Object obj, Object[] index) +19

Telerik.Web.UI.Scheduling.EditorConverterBase.GetValue(PropertyInfo property, Object obj) +46

Telerik.Web.UI.Scheduling.EditorConverterBase.Serialize(Object obj, JavaScriptSerializer serializer) +102

Telerik.Web.UI.Scheduling.AppointmentConverter.Serialize(Object obj, JavaScriptSerializer serializer) +69

System.Web.Script.Serialization.JavaScriptSerializer.SerializeValue(Object o, StringBuilder sb, Int32 depth, Hashtable objectsInUse, SerializationFormat serializationFormat) +85

System.Web.Script.Serialization.JavaScriptSerializer.SerializeEnumerable(IEnumerable enumerable, StringBuilder sb, Int32 depth, Hashtable objectsInUse, SerializationFormat serializationFormat) +126

System.Web.Script.Serialization.JavaScriptSerializer.SerializeValueInternal(Object o, StringBuilder sb, Int32 depth, Hashtable objectsInUse, SerializationFormat serializationFormat) +1311

System.Web.Script.Serialization.JavaScriptSerializer.SerializeValue(Object o, StringBuilder sb, Int32 depth, Hashtable objectsInUse, SerializationFormat serializationFormat) +194

System.Web.Script.Serialization.JavaScriptSerializer.Serialize(Object obj, StringBuilder output, SerializationFormat serializationFormat) +26

System.Web.Script.Serialization.JavaScriptSerializer.Serialize(Object obj, SerializationFormat serializationFormat) +74

Telerik.Web.UI.RadScheduler.DescribeAppointments(IScriptDescriptor descriptor, JavaScriptSerializer serializer) +343

Telerik.Web.UI.RadScheduler.DescribeComponent(IScriptDescriptor descriptor) +1079

Telerik.Web.UI.RadDataBoundControl.Telerik.Web.IControl.DescribeComponent(IScriptDescriptor descriptor) +13

Telerik.Web.UI.ScriptRegistrar.GetScriptDescriptors(Control control) +119

Telerik.Web.UI.RadDataBoundControl.GetScriptDescriptors() +5

Telerik.Web.UI.RadDataBoundControl.System.Web.UI.IScriptControl.GetScriptDescriptors() +13

System.Web.UI.ScriptControlManager.RegisterScriptDescriptors(IScriptControl scriptControl) +128

Telerik.Web.UI.RadDataBoundControl.RegisterScriptDescriptors() +90

Telerik.Web.UI.RadDataBoundControl.Render(HtmlTextWriter writer) +90

System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +27

System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100

System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25

System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +208

System.Web.UI.Control.RenderChildren(HtmlTextWriter writer) +8

Telerik.Web.UI.RadPane.RenderContents(HtmlTextWriter writer) +346

System.Web.UI.WebControls.WebControl.Render(HtmlTextWriter writer) +32

Telerik.Web.UI.RadWebControl.Render(HtmlTextWriter writer) +63

System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +27

System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100

System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25

Telerik.Web.UI.RadSplitter.RenderContents(HtmlTextWriter writer) +204