Questions on UI for WPF Forum

1 answer

171 views

Hi,

I'm trying to create a grid with only column group header but no individual column header.
I have added a picture to show what I'm trying to achieve. the + and - button are to add column.

I have created the grid and the column group headers but can't remove the individual column header.
Secondly can I set a minimum size for the column group header, so that if there are not enough column the header title is readable.

Any suggestions to solve my 2 issues would be greatly appreciated.

thanks

GridView

answered on 31 May 2014

3 answers

355 views

Recursive Treeview Binding

I have a structure that I believe is not supported by Hierarchical Templates. If I'm wrong can someone show me how to bind this structure with templates.

ObservableCollection<AssessmentViewModel>

AssessmentViewModel.QuestionGroupViewModels<QuestionGroupViewModel>

QuestionGroupViewModel.QuestionViewModels<QuestionViewModel>

QuestionGroupViewModel.ChildQuestionGroupViewModels<QuestionGroupViewModel>

So each QuestionGroupViewModel can have a list of QuestionViewModels OR a list of ChildQuestionGroupViewModels and so on and so forth into infinity.

Is this possible with Hierarchical Templates or do I need to write code to do this.

TreeView

answered on 31 May 2014

5 answers

469 views

Tree will not expand to selection, unless it has been expanded to the level previously

As the title suggest I have the following treeview:

<telerik:RadTreeView IsEditable="False" ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem, Mode=TwoWay}" IsLineEnabled="True" IsRootLinesEnabled="False" Background="White" telerik:AnimationManager.IsAnimationEnabled="False" IsVirtualizing="False" IsLoadOnDemandEnabled="False" AutoScrollToSelectedItem="True"/>

Everything works as expected, except when the SelectedItem changes the tree won't expand to the level, unless that level has been navigated to previously, but the item itself still gets selected.

I was under the impression that by setting IsVirtualizing and IsLoadOnDemandEnabled to False would have cleared this issue, but no change in behavior was observed.

TreeView

answered on 31 May 2014

3 answers

68 views

Right-drag to make content problem

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

104 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

44 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

166 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

109 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

104 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

83 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