Questions on UI for WPF Forum

3 answers

85 views

Hi,

I have 2 questions.

1. How Right-drag to create a RadDiagramConnection with RadDiagramShape and RadDiagramShape?
2. I want to change 5 connect point to 1 center connect point. (Or there is no connect point to displayed, create RadDiagramConnection by Right-drag DiagramShap) .

Thank you!

Diagram

answered on 31 May 2014

3 answers

113 views

ChartView Tooltips ghosting

I added a tooltip based on code I got from the demos to my chart. I am seeing some ghosting when I drag the mouse over a bar (on a bar chart.) It seems that the machine has a bit to do with it. One of our testers is seeing it worse on her machine which is a little older than mine. I am still seeing it, but not as bad with a newer, more powerful machine. I am defining the tooltip's data template in the code behind (for a couple reason I won't get into at the moment):

private DataTemplate GetToolTipDataTemplate()

{

StringReader markup = new StringReader(

string.Format("{0}{1}{2}{3}{4}{5}{6}{7}{8}{9}",

@"<DataTemplate xmlns=""http://schemas.microsoft.com/winfx/2006/xaml/presentation"">",

@"<Grid>",

@"<Border BorderBrush=""Gray"" BorderThickness=""1"" Background=""#FFF7F7F7"">",

@"<TextBlock Text=""{Binding Value, StringFormat='",

LabelFormat,

@"'}"" Margin=""4,4,4,4"" FontFamily=""Segoe UI"" FontSize=""14"" ",

@"Foreground=""#FF494949"" VerticalAlignment=""Center""/>",

@"</Border>",

@"</Grid>",

@"</DataTemplate>"));

XmlReader xmlReader = XmlReader.Create(markup);

return XamlReader.Load(xmlReader) as DataTemplate;

}



Here is an image of the tooltip ghosting: 







I will note that the data template above is a bit different from what you see in the image. I took out the vector image to see if its generation was causing the issue. But it is still doing it. 



Any ideas?

ChartView

answered on 30 May 2014

1 answer

57 views

2014.1 Breaking Change - GridViewCheckBoxColumn.OwnerGrid Removed

I am upgrading from Telerik 2013.1 to 2014.1, but have noticed that the property GridViewCheckBoxColumn.OwnerGrid has been removed. Why was this property removed? Is there another way to access a GridViewCheckBoxColumn's OwnerGrid?

Kind Regards,
Albert

GridView

answered on 30 May 2014

2 answers

181 views

Need help with styling

I currently have two nested tab controls with TabStripPlacement="Left":

And could use some help with styling. I'd like to remove the border and make the tab item take up all of the width. Illustrated below:

I've tried experimenting with the ControlTemplate, but I'm getting nowhere, so now I'm hoping for some help here :-) Perhaps it's possible without editing the template?

TabControl

answered on 30 May 2014

1 answer

128 views

RadGeometryDropDownButton DropdownContent for export command disable

We are using the OrgChartDiagram to show the organization hierarchy in our application. To export the diagram, we used the RadGeometryDropDownButton control with two options PNG and BMP. We are using the telerik:DiagramCommands.Export command is used for that purpose. Sometimes, the options are disabled when we go to other page and back. We need to reload the page to get that option enabled. When the export command remove from the code, the options are enabled.

Please help us to resolve.

See below the code for your reference. ElementName in Command target is the org chart control name.

<local:OrgChartDiagram x:Name="diagram" GraphSource="{Binding GraphSource}" IsBackgroundSurfaceVisible="False" Margin="10"

ScrollViewer.HorizontalScrollBarVisibility="Auto"

ScrollViewer.VerticalScrollBarVisibility="Auto"

IsRotationEnabled="False"

ShapeStyle="{StaticResource OrgChartShapeStyle}" />

<telerik:RadGeometryDropDownButton Grid.Column="2" Content="Export" DropDownHeight="80" Style="{StaticResource RadGeometryDropDownButtonStyle}"

DropDownWidth="144" Margin="15 0 0 0" HorizontalAlignment="Center" VerticalAlignment="Center"

Geometry="M11,0L18,7L11,7zM0,0L10,0L10,7L10,8L18,8L18,12L8.88893,12L8.88893,9L3.82715,14L8.88893,19L8.88893,16L18,16L18,21L0,21z" Height="56" Width="42" >

<telerik:RadGeometryDropDownButton.DropDownContent>

<StackPanel Margin="10">

<telerik:RadGeometryButton Content="Export To PNG" Command="telerik:DiagramCommands.Export" CommandParameter="Png"

CommandTarget="{Binding ElementName=diagram}" Style="{StaticResource GeometryButtonMenuItemStyle}"

Geometry=

"M6.7093377,5.0820007 C10.505837,5.0813236 12.205385,8.5835428 13.709369,8.4989958 C15.616847,8.3917685 16.999527,6.8087606 16.999527,6.8087606 L17.000025,13.080002 L3.0000243,13.080002 L3.0000243,7.9753876 C3.0000243,7.9753876 4.842936,5.0823336 6.7093377,5.0820007 z M1.9999999,2.0000048 L1.9999999,13.999995 L18,13.999995 L18,2.0000048 z M1.1920929E-06,0 L20,0 L20,16 L0,16 z"

/>

<telerik:RadGeometryButton Content="Export To BMP" Command="telerik:DiagramCommands.Export" CommandParameter="Bmp"

CommandTarget="{Binding ElementName=diagram}" Style="{StaticResource GeometryButtonMenuItemStyle}"

Geometry=

"M6.7093377,5.0820007 C10.505837,5.0813236 12.205385,8.5835428 13.709369,8.4989958 C15.616847,8.3917685 16.999527,6.8087606 16.999527,6.8087606 L17.000025,13.080002 L3.0000243,13.080002 L3.0000243,7.9753876 C3.0000243,7.9753876 4.842936,5.0823336 6.7093377,5.0820007 z M1.9999999,2.0000048 L1.9999999,13.999995 L18,13.999995 L18,2.0000048 z M1.1920929E-06,0 L20,0 L20,16 L0,16 z"

/>

</StackPanel>

</telerik:RadGeometryDropDownButton.DropDownContent>

</telerik:RadGeometryDropDownButton>

<Style x:Key="GeometryButtonMenuItemStyle" TargetType="telerik:RadGeometryButton">

<Setter Property="FontFamily" Value="Segoe UI" />

<Setter Property="Width" Value="224" />

<Setter Property="Height" Value="30" />

<Setter Property="FontSize" Value="12" />

<Setter Property="IsTabStop" Value="False" />

<Setter Property="Background" Value="Transparent" />

<Setter Property="Margin" Value="0" />

<Setter Property="Padding" Value="6 0" />

<Setter Property="BorderThickness" Value="0" />

<Setter Property="VerticalContentAlignment" Value="Center" />

<Setter Property="HorizontalContentAlignment" Value="Left" />

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="telerik:RadGeometryButton">

<Border x:Name="RootBorder" Background="{TemplateBinding Background}"

BorderBrush="{TemplateBinding BorderBrush}"

BorderThickness="{TemplateBinding BorderThickness}" >

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Normal" />

<VisualState x:Name="MouseOver">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0:0:0"

Storyboard.TargetName="RootBorder"

Storyboard.TargetProperty="Background">

<DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{StaticResource MetroGray}" />

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<StackPanel Orientation="Horizontal" Margin="6"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}">

<Grid Visibility="{TemplateBinding GeometryVisibility}" Width="20" Height="20" >

<Viewbox Stretch="Uniform">

<Path x:Name="Path" Stretch="None" HorizontalAlignment="Center"

VerticalAlignment="Center" Data="{TemplateBinding Geometry}"

Fill="{StaticResource PathFill}" />

</Viewbox>

</Grid>

<ContentControl x:Name="Content" Grid.Column="1"

IsTabStop="False" Content="{TemplateBinding Content}"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

Margin="{TemplateBinding Padding}"

ContentTemplate="{TemplateBinding ContentTemplate}"

HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" />

</StackPanel>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

ChartView

answered on 30 May 2014

2 answers

120 views

Effects look different from preview after applying

Hello

After I apply any of the tools, the image doesn't look like the preview.
I have made an image, showing the situation (image.jpg).

The top part shows the sharpen tool as an example, where:
1. Is the image after we select the sharpen tool
2. The image preview after changing the value from 0.0 to 2.0 (maximum)
3. Shows the image after applying the effect.
As you can see, it looks different from the preview (2).

The lower part of the image shows the situation ocurring with the text tool, where we have:
1. The preview of the text, looks sharp and at the right position
2. The final image where the text moved and got larger.

I have also added the image I used in the example.

ImageEditor

answered on 30 May 2014

3 answers

94 views

Missing a PaneActivationMode

Hi,

I am currently reading your help on PaneActivationModes, because we will perhaps use a Docking Framework in the future, and I want to know about the skills of the Telerik implementation.

I am missing a PaneActivationMode that would perhaps be called NextThenPrevious. What it does:

If there is a next tab, this is activated.
Otherwise if there is a previous one, the previous one is activated.

This is the behavior how it is for example in Google Chrome. This was just a product improvement proposal, until we need this functionality. :-)

Docking

answered on 30 May 2014

3 answers

122 views

Tile View Multiple Drag and Drop

Hi Team,

I have to drag and drop multiple tile view items from one tile view to another tile view. Can you please provide me a sample application?

Regards,
Veeraguru S

General Discussions

answered on 30 May 2014

1 answer

240 views

ChartView: Zoom And PanOffset Binding

Hello. I found a good example for Zoom And PanOffset Binding in you samples for WPF (called Zooming and Scrolling)

It workes fine if the 2 RadCartesianChart located on the same control and binding the same properties. In my project I have to create a 2 tabs and put custom user control insite the each tab.

When I select the firs tab i have to change zoom and offset base on the chartView on the second tab.The same for the first tab, it should change properties base on the chart from tab 1. But it doesn't do it correct. It only works if i select the first tab and then select the second tab and change zoom, it will change it everywhere.

How can i update zoom on the second chart without opening the tab?

I put some small example on the git and i guess it will clarified the situation. https://github.com/Magnona/ChartViewZoomPanOffset

ChartView

answered on 30 May 2014

1 answer

157 views

Rotate with group elements in raddiagram

Hi Team Telerik,

I have some issue regarding raddiagram with wpf.

1. I have 2 picture attached as : "grouprotate45.jpg" and "groupnotrotate.jpg"
- It's rotate normal when i rotate 1 element in raddiram.
- But my issue when i group many elements and then i rotate them. The group not rotate but it's only rotate per element in and it's not correct..

2. I have picture as "idplacementcorrect.png"
- How to draw an id of button and it's always place in bottom right of button when i rotate it it's rotate too as same in picture. i can draw button as same my picture with code but i don't know how to place it as correct position when element rotate.

Thank you so much !

Diagram

answered on 30 May 2014