Questions on UI for WPF Forum

1 answer

96 views

Hi,

Could you please show how to create a dark windows8 touch theme?
Also how to use the colors of the theme in other parts of my app?

Thank you

General Discussions

answered on 03 Sep 2013

9 answers

333 views

RadTreeListView performance

Hi

RadTreeListView is taking time to display the records when the volume of records being added at very shot intervals are high
The same piece of code works absolutely find in RadGridView just replacing the RadTreeListView to RadGridView in xaml

To explain further, If I have 20k records in RadTreeListView and add 10 records at a time three times in a very quick succession (few milliseconds gap), the UI freezes for a few milliseconds and displays 30 records at one go where as the same piece of code works fine in RadGridView as I can see 10 records each coming in to the Grid.

Unfortunately I cannot post the sourcecode as it is bit complex but would like to know if I am missing anything? It could be just a property or something else or is it the behavior of RadTreeListView?

I have one level of hierarchy in RadTreeListView and it is the same behavior even if the hierarchy do not contain any data

The reason I am using RadTreeListView is basically it aligns the columns in the hierarchy with parent records which is missing in RadGridView

Any information is much appreciated.

TreeListView

answered on 03 Sep 2013

5 answers

182 views

RadDateTimePicker input error

Hello,

I'm getting this error if i try to input "9999/12/31 24:00".
System.ArgumentOutOfRangeException: The added or subtracted value results in an un-representable DateTime.
Parameter name: value

This doesn't happen the first time. The first time, it just changes to 12:00 which is okay. On re-input, I get the above error. Somehow the control throws this error and I can't catch this even in the viewModel.

DateTimePicker

answered on 03 Sep 2013

1 answer

226 views

Snapping to connectors?

You have IsSnapToItemsEnabled and IsSnapToGridEnabled. Neither of these snaps to connectors (custom-positioned connectors). I believe snapping is pretty useless if you cannot snap in such way that connections are perpendicular lines.

E.g. This is what it looks like when snapping is enabled. No matter what, the line between the connectors will be non-perpendicular.

[------------------C------------------]
                        \
      [--------------C--------------]

Moving to the left snaps to a new grid line:

[------------------C------------------]
                       /
    [--------------C--------------]

What I want is this:

[------------------C------------------]
                       |
    [--------------C--------------]

Can you please add such a feature? You have to agree that it makes sense to have this. Thanks.

Diagram

answered on 03 Sep 2013

1 answer

273 views

Advanced connector styling

I have custom classes and custom styles for RadDiagram, RadDiagramShape, RadDiagramConnection, RadDiagramConnector. Now I have run into a styling issue that requires pro help from you :)

I want my connectors to show their label when either of these two conditions is met:
1) The connector's shape (or any of its children) is hovered by the mouse.
2) Any connection, from any shape, is being dragged.

I started off adding a TextBlock to my connector style, but it seems I cannot properly toggle its visibility. If I set it to "Collapsed", it is never shown. Maybe this approach is all wrong, but still, here it is:

<Style TargetType="chart:MyChartConnector" x:Key="MyChartConnectorStyle" BasedOn="{StaticResource RadDiagramConnectorStyle}">

<Setter Property="FocusVisualStyle" Value="{x:Null}" />

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

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

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="chart:MyChartConnector">

<Grid>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="MouseStates">

<VisualState x:Name="Normal" />

<VisualState x:Name="MouseOver">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DisplayElement"

Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Collapsed</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="ActiveStates">

<VisualState x:Name="Inactive" />

<VisualState x:Name="Active">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0"

Storyboard.TargetName="DisplayElement"

Storyboard.TargetProperty="Visibility">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Collapsed</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Grid>

<Ellipse x:Name="OverElement"

Width="20"

Height="20"

Fill="{TemplateBinding Background}"

StrokeThickness="{TemplateBinding BorderThickness}"

Stroke="{TemplateBinding BorderBrush}" />

<Ellipse x:Name="DisplayElement"

Width="20"

Height="20"

Fill="#40000000"

StrokeThickness="{TemplateBinding BorderThickness}"

Stroke="{TemplateBinding BorderBrush}" />

<TextBlock Text="{TemplateBinding DisplayName}" Visibility="Collapsed">

<TextBlock.Style>

<Style TargetType="TextBlock">

<Style.Triggers>

<DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type chart:MyChartShape}}, Path=IsMouseOver}" Value="True" >

<Setter Property="Visibility" Value="Visible" />

</DataTrigger>

</Style.Triggers>

</Style>

</TextBlock.Style>

</TextBlock>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

Diagram

answered on 03 Sep 2013

2 answers

133 views

Getting color series

Hello,

I have a radchart and personalized chartlegend. In my chartlegend I have a checkbox and I need to get the color that has given radchart sets. But when I try to know the color, in "aparrence" fields appear all to null, but really if you are painting with a certain color.

<telerik:RadChart x:Name="RadChart1"

Grid.Row="1"

Grid.Column="1"

UseDefaultLayout="False">

<telerik:RadChart.SamplingSettings>

<telerik:SamplingSettings SamplingFunction="Average" />

</telerik:RadChart.SamplingSettings>

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="10" />

<ColumnDefinition Width="*" />

<ColumnDefinition Width="10" />

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="10" />

<RowDefinition Height="*" />

<RowDefinition Height="100" />

<RowDefinition Height="10" />

</Grid.RowDefinitions>

<Grid />

<telerik:ChartLegend x:Name="legendChart"

Grid.Row="2"

Grid.Column="1"

Header=""

ItemContainerStyle="{DynamicResource CharLegendStyle}"

ItemsPanelOrientation="Horizontal"

LegendItemMarkerShape="Circle"

UseAutoGeneratedItems="false" />

<telerik:ChartArea x:Name="lineGraphChartArea"

Grid.Row="1"

Grid.Column="1"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch"

EnableAnimations="False"

LegendName="legendChart">

<telerik:ChartArea.AxisX>

<telerik:AxisX Title="Fecha"

AutoRange="True"

IsDateTime="True"

Step="1" />

</telerik:ChartArea.AxisX>

<telerik:ChartArea.AxisY>

<telerik:AxisY Title="CMN"

AutoRange="True"

ExtendDirection="Up"

IsZeroBased="True" />

</telerik:ChartArea.AxisY>

</telerik:ChartArea>

</Grid>

</telerik:RadChart>

public SeriesMapping GenerateRandomSeries(string nameSerie,int begin)

{

SeriesMapping serie1 = new SeriesMapping();

serie1.ItemsSource = GenerateRandomData(begin);

serie1.ChartAreaName = "lineGraphChartArea";

serie1.LegendLabel = nameSerie;

ItemMapping X = new ItemMapping("Fecha", DataPointMember.XValue);

ItemMapping Y = new ItemMapping("CMN", DataPointMember.YValue);

serie1.ItemMappings.Add(X);

serie1.ItemMappings.Add(Y);

serie1.SeriesDefinition = new SplineSeriesDefinition()

{

};

return serie1;

}

public void AddSerieDefinition()

{

RadChart1.SeriesMappings.Add(GenerateRandomSeries("serie1",5));

RadChart1.SeriesMappings.Add(GenerateRandomSeries("serie2",10));

RadChart1.SeriesMappings.Add(GenerateRandomSeries("serie3",15));

}

I try get color and (look attached)

Thank you!

Chart

answered on 03 Sep 2013

1 answer

182 views

[Solved] Contextual Tab Binding to IsActive

I am trying to bind a contextual group to the IsActive property using a custom property of a UserControl. The contextual tab should only be shown after the user has selected a port from a dropdown list. I have tried each of the following with no success, but hopefully it gives you an idea of what I'm trying to do.

<telerik:RadRibbonView.ContextualGroups>

	<telerik:RadRibbonContextualGroup x:Name=

"xCOM" IsActive="{Binding RelativeSource={RelativeSource Self}, Path=IsPortSelected}"

/>

	<telerik:RadRibbonContextualGroup x:Name=

"xCOM" IsActive="{Binding ElementName=_this, Path=IsPortSelected}"

/>

	<telerik:RadRibbonContextualGroup x:Name=

"xCOM" IsActive="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:MyRibbon}}, Path=IsPortSelected}"

/>

	<telerik:RadRibbonContextualGroup x:Name=

"xCOM" IsActive="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}, Path=IsPortSelected}"

/>

</telerik:RadRibbonView.ContextualGroups>

Where IsPortSelected is the property in MyRibbon:

string _port = "";

public string Port

{

get { return _port; }

set

{

if (_port == value)

{

return;

}

_port = value;

}

public bool IsPortSelected

{

get

{

if (String.IsNullOrEmpty(_port))

{

return false;

} else if (_port.Equals("Port")) {

return false;

}

return true;

}

set { }

}

Is there something wrong with my binding statement? Or do I need to do something else in the code behind, such as implementing a PropertyChangedEventHandler (which I have tried with no success as well)?

RibbonView and RibbonWindow

answered on 03 Sep 2013

1 answer

96 views

Paste in an empty GridView (Inside a rad window)

Hello,

I got a RadGridView Inside a RadWindow, I'm trying to paste in this RadGridview some data copied from Excel, it works fine if i click over the left top corner of the Radgridview, but if i open the RadWindow and attempt to paste right away, it just doesnt work, the paste event doesnt get fired. the globlal functionality is:

1. Press some button and open the RadWindow with my empty RadGridView Inside
2. Without clicking anywhere, Press Ctrl + V and paste inside the RadGridView all the data that i have in the clipboard
3. that's it

I tried to set the focus to the RadGridView, but it doesnt seems to work.

Thanks.

GridView

answered on 03 Sep 2013

4 answers

381 views

easy way to replace the selected text?

Hi,

any easy way to replace the selected text with new style ?

RichTextBox

answered on 03 Sep 2013

5 answers

395 views

CartesianChartGrid

hi,
Can we have grid lines that is shown on the graph as dotted lines instead of dashed lines?
<telerik:RadCartesianChart.Grid>
                    <telerik:CartesianChartGrid>
                        <telerik:CartesianChartGrid.Style>
                            <Style TargetType="telerik:CartesianChartGrid">
                                <Setter Property="MajorXLineDashArray" Value="10,5"/>
                                <Setter Property="MajorYLineDashArray" Value="10,5"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding Path=DisplayGridLines}" Value="1">
                                        <Setter Property="MajorLinesVisibility" Value="X"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding Path=DisplayGridLines}" Value="2">
                                        <Setter Property="MajorLinesVisibility" Value="Y"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding Path=DisplayGridLines}" Value="3">
                                        <Setter Property="MajorLinesVisibility" Value="XY"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </telerik:CartesianChartGrid.Style>

                        <telerik:CartesianChartGrid.MajorXLineStyle>
                            <Style TargetType="Line">
                                <Setter Property="Stroke" Value="Gray"/>
                            </Style>
                        </telerik:CartesianChartGrid.MajorXLineStyle>

                        <telerik:CartesianChartGrid.MajorYLineStyle>
                            <Style TargetType="Line">
                                <Setter Property="Stroke" Value="Gray"/>
                            </Style>
                        </telerik:CartesianChartGrid.MajorYLineStyle>
                    </telerik:CartesianChartGrid>
                </telerik:RadCartesianChart.Grid>

I have 10 points being shown on the graph. so the grid lines appear for all the 10 points. Can we have it just five and increase it if needed?
Please reply as soon as possible.

ChartView

answered on 02 Sep 2013