Hello, I can't find how to remove the border around the rows in my radgridview as shown in the screen shot
The first row is bordered in gray and the row which is moused over is bordered in orange
Here's the code for the radgridview with a column and the code for my row style :
<Grid Grid.Row="2" Grid.Column="1" Background="White" >
<!-- Calibrators TAB -->
<Grid x:Name="TabCalibrators" Visibility="Visible">
<Grid.RowDefinitions>
<RowDefinition Height="775px"></RowDefinition>
</Grid.RowDefinitions>
<!--<Rectangle Width="500px" Height="2" Fill="White" HorizontalAlignment="Center" VerticalAlignment="Top"/>-->
<Border x:Name="BDRoundedCalibrators" Background="{StaticResource Zentech_DarkGray}" BorderThickness="0" BorderBrush="{x:Null}" CornerRadius="0,0,12,0"/>
<Line X1="0" Y1="0" Stroke="White" StrokeThickness="2" X2="1735" Y2="0" Grid.Row="0"/>
<telerik:RadGridView x:Name="GridCalibrators"
BorderBrush="Transparent"
BorderThickness="0"
AutoGenerateColumns="False"
IsReadOnly="True"
CanUserSelect="False"
GridLinesVisibility="None"
CanUserReorderColumns="False"
CanUserSortColumns="False"
Background="White"
CanUserSelectColumns="False"
ShowGroupPanel="False"
CanUserDeleteRows="False"
CanUserResizeColumns="False"
CanUserResizeRows="False"
RowIndicatorVisibility="Collapsed"
CanUserFreezeColumns="False"
ShowSearchPanel="False"
ShowColumnSortIndexes="False"
MergedCellsDirection="Vertical"
GroupRenderMode="Flat"
CanUserSearch="False"
CanUserSortGroups="False"
IsFilteringAllowed="False"
ReorderColumnsMode="None"
IsManipulationEnabled="False"
HeaderRowStyle="{StaticResource RadGridViewColumnHeaderStyle}"
RowStyle="{StaticResource RadGridViewRow_Standard}"
Grid.Row="0"
>
<!--RowStyle="{StaticResource RadGridViewRow_Standard}"-->
<telerik:RadGridView.OpacityMask>
<VisualBrush Visual="{Binding ElementName=BDRoundedCalibrators}"/>
</telerik:RadGridView.OpacityMask>
<telerik:RadGridView.Resources>
<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#FFFFFF"/>
<SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="#5D6467"/>
<SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="#FFFFFF"/>
<SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightTextBrushKey}" Color="#5D6467"/>
</telerik:RadGridView.Resources>
<telerik:RadGridView.Columns>
<!-- Status -->
<telerik:GridViewDataColumn Header="Status" Width="175"
HeaderCellStyle="{StaticResource RadGridViewHeaderCellStyle}"
DataMemberBinding="{Binding WellStatus}"
IsCellMergingEnabled="False"
HeaderTextAlignment="Center"
CellStyle="{StaticResource ViewCellStyle}">
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<StackPanel Grid.Column="0" Orientation="Horizontal" VerticalAlignment="Center" >
<Image x:Name="IconStatus" Height="37" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="10,0,0,0">
<Image.Style>
<Style TargetType="{x:Type Image}">
<Style.Triggers>
<DataTrigger Value="Completed" Binding="{Binding WellStatus}">
<Setter Property="Source" Value="{StaticResource AssayApproval_IconCompleted}"/>
</DataTrigger>
<DataTrigger Value="Processing" Binding="{Binding WellStatus}">
<Setter Property="Source" Value="{StaticResource AssayApproval_IconProcessing}"/>
</DataTrigger>
<DataTrigger Value="Aborted" Binding="{Binding WellStatus}">
<Setter Property="Source" Value="{StaticResource AssayApproval_IconAborted}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
<TextBlock Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="10,0,0,0" Text="{Binding WellStatus}"/>
</StackPanel>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewPinRowColumn MinWidth="0" Width="1" HeaderCellStyle="{StaticResource RadGridViewColumnSeparatorSmallStyle}" />
<!--PlateSerialNumber-->
<telerik:GridViewDataColumn Header="Plate serial number" Width="180"
HeaderCellStyle="{StaticResource RadGridViewHeaderCellStyle}"
DataMemberBinding="{Binding PlateBarcode}"
IsCellMergingEnabled="False"
TextAlignment="Center"/>
<Style x:Key="RadGridViewRow_Standard" TargetType="{x:Type telerik:GridViewRow}" >
<Setter Property="Background" Value="White"/>
<Setter Property="Foreground" Value="{StaticResource Zentech_DarkGray}"/>
<Setter Property="TextElement.FontFamily" Value="{StaticResource PrimaryFont}"/>
<Setter Property="TextElement.FontSize" Value="16pt"/>
<Setter Property="Height" Value="65"/>
<Setter Property="VerticalAlignment" Value="Stretch"/>
<Setter Property="MouseOverBackground" Value="Transparent"/>
<Setter Property="SelectedBackground" Value="Transparent"/>
<Setter Property="BorderBrush" Value="{StaticResource Zentech_DarkGray}"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="IsSelected" Value="False"/>
<Setter Property="IsManipulationEnabled" Value="False"/>
</Style>
Hello, I can't find how to remove the border around the header cells in my radgridview as shown in the screen shot
Here's the code for the radgridview with a column and the code for my styles :
<Grid Grid.Row="2" Grid.Column="1" Background="White" >
<!-- Calibrators TAB -->
<Grid x:Name="TabCalibrators" Visibility="Visible">
<Grid.RowDefinitions>
<RowDefinition Height="775px"></RowDefinition>
</Grid.RowDefinitions>
<!--<Rectangle Width="500px" Height="2" Fill="White" HorizontalAlignment="Center" VerticalAlignment="Top"/>-->
<Border x:Name="BDRoundedCalibrators" Background="{StaticResource Zentech_DarkGray}" BorderThickness="0" BorderBrush="{x:Null}" CornerRadius="0,0,12,0"/>
<Line X1="0" Y1="0" Stroke="White" StrokeThickness="2" X2="1735" Y2="0" Grid.Row="0"/>
<telerik:RadGridView x:Name="GridCalibrators"
BorderBrush="Transparent"
BorderThickness="0"
AutoGenerateColumns="False"
IsReadOnly="True"
CanUserSelect="False"
GridLinesVisibility="None"
CanUserReorderColumns="False"
CanUserSortColumns="False"
Background="White"
CanUserSelectColumns="False"
ShowGroupPanel="False"
CanUserDeleteRows="False"
CanUserResizeColumns="False"
CanUserResizeRows="False"
RowIndicatorVisibility="Collapsed"
CanUserFreezeColumns="False"
ShowSearchPanel="False"
ShowColumnSortIndexes="False"
MergedCellsDirection="Vertical"
GroupRenderMode="Flat"
CanUserSearch="False"
CanUserSortGroups="False"
IsFilteringAllowed="False"
ReorderColumnsMode="None"
HeaderRowStyle="{StaticResource RadGridViewColumnHeaderStyle}"
RowStyle="{StaticResource RadGridViewRow_Standard}"
Grid.Row="0"
>
<!--RowStyle="{StaticResource RadGridViewRow_Standard}"-->
<telerik:RadGridView.OpacityMask>
<VisualBrush Visual="{Binding ElementName=BDRoundedCalibrators}"/>
</telerik:RadGridView.OpacityMask>
<telerik:RadGridView.Resources>
<SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#FFFFFF"/>
<SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="#5D6467"/>
<SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="#FFFFFF"/>
<SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightTextBrushKey}" Color="#5D6467"/>
</telerik:RadGridView.Resources>
<telerik:RadGridView.Columns>
<!-- Status -->
<telerik:GridViewDataColumn Header="Status" Width="175"
HeaderCellStyle="{StaticResource RadGridViewHeaderCellStyle}"
DataMemberBinding="{Binding WellStatus}"
IsCellMergingEnabled="False"
HeaderTextAlignment="Center">
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<StackPanel Grid.Column="0" Orientation="Horizontal" VerticalAlignment="Center" >
<Image x:Name="IconStatus" Height="37" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="10,0,0,0">
<Image.Style>
<Style TargetType="{x:Type Image}">
<Style.Triggers>
<DataTrigger Value="Completed" Binding="{Binding WellStatus}">
<Setter Property="Source" Value="{StaticResource AssayApproval_IconCompleted}"/>
</DataTrigger>
<DataTrigger Value="Processing" Binding="{Binding WellStatus}">
<Setter Property="Source" Value="{StaticResource AssayApproval_IconProcessing}"/>
</DataTrigger>
<DataTrigger Value="Aborted" Binding="{Binding WellStatus}">
<Setter Property="Source" Value="{StaticResource AssayApproval_IconAborted}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
<TextBlock Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="10,0,0,0" Text="{Binding WellStatus}"/>
</StackPanel>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewPinRowColumn MinWidth="0" Width="1" HeaderCellStyle="{StaticResource RadGridViewColumnSeparatorSmallStyle}" />
<!--PlateSerialNumber-->
<telerik:GridViewDataColumn Header="Plate serial number" Width="180"
HeaderCellStyle="{StaticResource RadGridViewHeaderCellStyle}"
DataMemberBinding="{Binding PlateBarcode}"
IsCellMergingEnabled="False"
TextAlignment="Center"/>
<Style x:Key="RadGridViewHeaderCellStyle" TargetType="{x:Type telerik:GridViewHeaderCell}">
<Setter Property="Background" Value="Transparent" />
<!--<Setter Property="HorizontalAlignment" Value="Left"></Setter>-->
<Setter Property="VerticalAlignment" Value="Center"></Setter>
<Setter Property="VerticalContentAlignment" Value="Center"></Setter>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="IsHitTestVisible" Value="False"/>
</Style>
<Style x:Key="RadGridViewColumnHeaderStyle" TargetType="{x:Type telerik:GridViewHeaderRow}">
<Setter Property="Background" Value="{StaticResource Zentech_DarkGray}"/>
<Setter Property="Foreground" Value="White"/>
<Setter Property="TextElement.FontFamily" Value="{StaticResource PrimaryFont}"/>
<Setter Property="TextElement.FontSize" Value="16pt"/>
<Setter Property="HorizontalAlignment" Value="Left"/>
<Setter Property="Height" Value="55"/>
<Setter Property="BorderThickness" Value="0 0 0 0"/>
<Setter Property="Padding" Value="0"/>
</Style>
How to display Radribbon or Toolbar in Raddocking undocked tool window.
i want to display toolbar for undocked wibdow and in case of docked window display same toolbar in Mainwindow.
how to implement this?
I have two real-time data sets I want to display, with a maximum of about 200,000 data point per series. Filling in this series up to the first 200,000 points works fine, but my UI performance drops considerably once I start trying to shift out the oldest points to make room for the new ones. My sample rate is 10,000 samples per second, and they're coming in about 32 samples at a time.
I've implemented the approach here in the forum post below the update the DataPoint X and Y values as my new data comes in rather than removing and adding data points, but this still does not perform well enough - my UI locks up for several seconds before any update is shown once I reach the maximum size of my series.
https://www.telerik.com/forums/radobservablecollection-o(1)-item-removal#3808663
I also tried implementing the AsyncData example, but it has the same issue because the series updates only happen one data point at a time, so the entire list gets shifted for every point that I add, rather than shifting the list in larger increments.
For performance, I would like to change out the underlying storage of the series data points with a queue so I can have a near constant time performance shifting out the old data and shifting in the new data, without needing to go through the entire series every time. However, I cannot inherit from any of the ChartSeries base classes because some of the abstract properties use internal types.
Is there any other solution for improving the performance with around 200,000 data points in real-time?
Thanks,
Brandon
Hi
Can I add hyperlink to desktopalert dynamically?
thank you
When trying to read Telerik rad image button in, Command bar UI ,as Automation element, the Enabled state is always returned as True.
Is this automation property supported by the Telerik image button?
I have tested this using RadRichTextEditor sample demo app provided by Telerik and for automation i have used Coded UI .
I tried to fetch the Enabled state of DeleteAll button of Review tab as shown in attached figure, which is always true.
Or which property should be used to get the Enabled status.
When selected objects, like shapes and links between the shapes are dragged, if they are selected they all move together as a group as expected. At the end of the drag, a Drag event is generated and in the DragRoutedEventArgs there's an Items list which indicates which items have been dragged, and in some cases the new position.
If the item being dragged is a shape, then I see a IDragItem with a position value.
If the items is a connection between say two shapes dragged, then I see another IDragItem, however, it's position is always 0, 0
The problem I have is that if the connection is a straight line between shapes then it works fine. However, if the connection has extra points added by the user, then I don't get told about those points. So how do I update the data behind about those points?
Dragging the shapes in the view is working correctly, however there's missing data, so if I save and restore, the extra connection points weren't updated so they show the old position. I'll attach a diagram of what I mean.
Hi all,
<telerik:RadCartesianChart Grid.Column="0">
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis TickThickness="5" MajorTickInterval="1" MajorTickLength="5" Title="Conc."/>
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis Minimum="0" LineDashArray="5, 10, 15" TickThickness="5" Title="OD"/>
</telerik:RadCartesianChart.VerticalAxis>
<telerik:RadCartesianChart.Series>
<telerik:PointSeries x:Name="ChartCurve" CategoryBinding="Concentration" ValueBinding="OpticalDensity">
<telerik:PointSeries.PointTemplate>
<DataTemplate>
<Ellipse Width="10" Height="10" Fill="{StaticResource DarkGray}"/>
</DataTemplate>
</telerik:PointSeries.PointTemplate>
</telerik:PointSeries>
</telerik:RadCartesianChart.Series>
<telerik:RadCartesianChart.Grid>
<telerik:CartesianChartGrid MajorLinesVisibility="XY" />
</telerik:RadCartesianChart.Grid>
<telerik:RadCartesianChart.Annotations>
<telerik:CartesianCustomLineAnnotation
HorizontalFrom="0.0" VerticalFrom="2.25"
HorizontalTo="20" VerticalTo="10"
Stroke="{StaticResource DarkGray}"
StrokeThickness="3" />
</telerik:RadCartesianChart.Annotations>
</telerik:RadCartesianChart>
1) I try to add a line, doesnt work with
telerik:CartesianCustomLineAnnotation
2) change position of Title Y axis to top position, and 3) change position of Title X axis to right. Doesnt found the way to do it
Thanks in advance for your help
Didier
Hello folks,
What I want to do :
Draw a RadDiagram with dynamic (dynamic means the custom shapes are not known in advance) custom polygon shapes in MVVM way.
What I tried :
Firstly, I exclude the MVVM way, and i put this in my View.
<telerik:RadDiagram Height="400" Width="400">
<telerik:RadDiagramShape x:Name="ConditionShape"
Content="condition"
FontWeight="Bold"
Geometry="{Binding Geometry}"
Position="160,80" />
</telerik:RadDiagram>
Geometry property is defined like that :
Polygon p = new Polygon();
p.Stroke = System.Windows.Media.Brushes.Black;
p.Fill = System.Windows.Media.Brushes.Black;
p.StrokeThickness = 5;
p.HorizontalAlignment = HorizontalAlignment.Left;
p.VerticalAlignment = VerticalAlignment.Center;
System.Windows.Point Point1 = new System.Windows.Point(1, 50);
System.Windows.Point Point2 = new System.Windows.Point(10, 80);
System.Windows.Point Point3 = new System.Windows.Point(50, 50);
PointCollection myPointCollection = new PointCollection();
myPointCollection.Add(Point1);
myPointCollection.Add(Point2);
myPointCollection.Add(Point3);
p.Points = myPointCollection;
this.Geometry = p.RenderedGeometry;
When I do that, I just see the text "condition", but I don't see the polygon.
So secondly, I do that :
Create a custom shape control where I add a Points dependencyproperty (points for my polygon).
public class PolygonShape : RadDiagramShape
{
public static readonly DependencyProperty PointsProperty = DependencyProperty.Register(nameof(Points), typeof(PointCollection), typeof(PolygonShape));
public PointCollection Points
{
get
{
return this.GetValue(PointsProperty) as PointCollection;
}
set
{
this.SetValue(PointsProperty, value);
}
}
public PolygonShape() : base()
{
}
}
And I set the following style :
<Style TargetType="viewmodels:PolygonShape">
<Setter Property="HorizontalAlignment" Value="Center" />
<Setter Property="Margin" Value="0" />
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Color="White" />
<GradientStop Offset="1" Color="#FFEDF4FF" />
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="viewmodels:PolygonShape">
<Polygon Points="{TemplateBinding Points}" Stroke="Black" StrokeThickness="4" Fill="Yellow" />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
This is almost working but I have two problems :
- It is not MVVM way how can I set the collection of shapes to draw (binding between my View and ViewModel)
- When I click on my polygon, the selection is a rectangle and do not follow the borders of my polygon
I guess I'm missing something.
Thanks in advance for your help.
Best regards.