Telerik Forums
UI for WPF Forum
1 answer
433 views

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>

Stenly
Telerik team
 answered on 10 Sep 2021
1 answer
555 views

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>


Stenly
Telerik team
 answered on 10 Sep 2021
1 answer
158 views
Hello Team,
 
We are using Telerik WPF control version 2014Q1 and finding one issue in printing the pdf file using RadPdfViewer which contains embedded weblink image that it is trying to load when we click on the Print PDF icon and we are actually calling the Telerik PrintPdfDocumentCommand and seems the issue is within the Telerik assembly Telerik.Windows.Documents.Commands. You can check the screenshot for the error.
You can download the similar file in the given link to regenerate the error: https://bsaonline.com/SiteSearch/SiteSearchDetails?SearchFocus=All%20Records&SearchCategory=Address&SearchText=4936%20S%20176TH%20AVE&uid=1665&PageIndex=1&ReferenceKey=019-004-100-15&ReferenceType=0&SortBy=&SearchOrigin=0&RecordKeyDisplayString=019-004-100-15&RecordKey=019-004-100-15&RecordKeyType=0
 
Also, we have attached a zip file that contains a PDF file for testing to regenerate the issue.
 
Can you please look into it and revert back with the affirmative solution.

#WPF
Martin
Telerik team
 answered on 10 Sep 2021
1 answer
187 views

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?

Stenly
Telerik team
 answered on 09 Sep 2021
1 answer
104 views

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

Dinko | Tech Support Engineer
Telerik team
 answered on 08 Sep 2021
2 answers
194 views

Hi

Can I add hyperlink to desktopalert dynamically?

thank you

m
Top achievements
Rank 1
Iron
 answered on 08 Sep 2021
0 answers
103 views

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.

 

jyostna
Top achievements
Rank 1
Iron
 updated question on 08 Sep 2021
1 answer
160 views

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.

Vladimir Stoyanov
Telerik team
 answered on 07 Sep 2021
1 answer
294 views

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

Dinko | Tech Support Engineer
Telerik team
 answered on 06 Sep 2021
2 answers
256 views

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.


Nicolas
Top achievements
Rank 1
Iron
 answered on 06 Sep 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?