I have an issue where if I click on controls outside of the Window that contains my MaskedTextInput the LostFocus event doesn't fire. The control is technically working correctly, but I believe what I'm really after is something such as LostKeyboardFocus (but that option doesn't exist in the databinding.
Unfortunately using PropertyChanged event is not an option in my case. Thoughts?
I'm committing the value like so:
Value="{Binding BusinessPostalCode, UpdateSourceTrigger=LostFocus}"We are using the RadSpreadsheet in one of our projects. Some of the cells will contain data that can be elaborated on. We are styling those cells to look like they contain hyperlinks and when the user clicks on the cell, an additional view is spawned with more information.
What we have not been able to acheive is changing the cursor value to 'Hand' to be more consitent with the hyperlink paradigm.
Any help is much appreciated.
Hi,
I recently downloaded your telerik studio and i simply create a WPF application in VS2015 with framework 4.6 as target framework.
Then i drag and drop a control and checked the assembly version for the telerik assemblies added under Reference section. All it shows 4.5 framework version.
Is telerik provides 4.5.1 and 4.6 .net framework control for VS2015? Am asking about toolbox support.
Is there any telerik documentation to know about VS2015 toolbox support in detail?
public async void LoadData() { VirtualCollectionPays = new VirtualQueryableCollectionViewExtended<Pay>() { LoadSize = SizePage }; VirtualCollectionPays.ItemsLoading += VirtualCollectionPays_ItemsLoading; PayDataPage datapager = null; var slowTask = Task.Run(() => { datapager = _dataProvider.GetQueryableLazyPay(SizePage, position, PayFilterDescriptor, PaySortDescriptor, PayGroupDescriptor); }); await slowTask; VirtualCollectionPays.VirtualItemCount = datapager.TotalCount; VirtualCollectionPays.Load(0, datapager.DataItems); }async void VirtualCollectionPays_ItemsLoading(object sender, VirtualQueryableCollectionViewItemsLoadingEventArgs e) { BusyIndicatorGrid = true; try { PayDataPage datapager = null; ItemsLoading = Task.Run(() => { datapager = _dataProvider.GetQueryableLazyPay(SizePage, e.StartIndex, PayFilterDescriptor, PaySortDescriptor, PayGroupDescriptor); }); await ItemsLoading; VirtualCollectionPays.Load(e.StartIndex, datapager.DataItems); BusyIndicatorGrid = false; } catch (Exception ex) { string mg = ex.Message; } }void radGridViewPay_SelectionChanged(object sender, SelectionChangeEventArgs e) { var VMListePay = this.DataContext as VMListePay; radGridViewPay.ScrollIndexIntoView(VMListePay.VirtualCollectionPays.CurrentPosition); }void VirtualCollectionPays_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e) { var VMListePay = this.DataContext as VMListePay; if (e.PropertyName == "CurrentPosition") { if (VMListePay.VirtualCollectionPays.CurrentPosition >= 0) { radGridViewPay.ScrollIndexIntoView(VMListePay.VirtualCollectionPays.CurrentPosition); } } }I'm working at the begging of a largish application and we really like the RadDocking functionality to provide some MDI type functionality to our users.
One issue that I'm having is updating the context menu of the tool window, like I've done for the RadPane. I've attached the RadPane context menu image and I would like the to make the tool window header context menu match the radpane context menu.
Another way of stating the proboem, I'm trying to remove the AutoHide and Hide options for the ToolWindow Header Context menu. I've tried modifying the ToolWindowStyle in my Telerik.Windows.Controls.Docking.xaml and removing the Border element that is present. But that didn't work. Any help or pointers would help me tremendously.
I'm on version 2015.3.930.45 and using implicit styles.
Thanks,
Cyrus
Hi
We are using telerik grid view and facing scroll bar and column size issues if we define column size as "*" in any column.
Could you please see below scenarios and help us in fixing these issues:
Case 1: Use of telerik control scroll bar:
Requirement : In our telerik grid view we want to set some column with fixed width and some variable width("*").
Issue: Horizontal scroll bar doesn't spread acording to the column width,its width is always fixed due to this column with width "*" doesn't spread at all.Please find an attached snapshot of the screen (Case1.png)
See elow eg . in which column name company is set as variable width:-
Case 1 : Code Snippet :
<Grid x:Name="radGridView" Grid.Row="1" Margin="0,30">
<!--Change Detail section-->
<telerik:RadGridView ColumnWidth="150" IsTabStop="False" x:Name="radGridView1" CanUserResizeColumns="False" IsReadOnly="True" CanUserFreezeColumns="False" RowStyle="{StaticResource rowStyle}" ItemsSource="{Binding DemoClasses}" ShowColumnFooters="False" GridLinesVisibility="None" RowIndicatorVisibility="Collapsed" telerikGridViewHeaderMenu:GridViewHeaderMenu.IsEnabled="True" ActionOnLostFocus="None" ShowGroupPanel="False" AutoGenerateColumns="False" Margin="0,-9,-1,0">
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn IsSortable="False" >
<telerik:GridViewDataColumn.Header>
<TextBlock Text="Id" TextWrapping="Wrap" TextAlignment="Center"/>
</telerik:GridViewDataColumn.Header>
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding ID}" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn IsSortable="False" Header="ClassName" DataMemberBinding="{Binding Name}">
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Name}" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn Header="Company" DataMemberBinding="{Binding Company}" Width="*">
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Company}" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn IsSortable="False" Header="Completed?" DataMemberBinding="{Binding IsComplete}" >
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding IsComplete}" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn IsSortable="False" Header="DueDate" DataMemberBinding="{Binding DueDate}">
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock TextAlignment="Center" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center">
<Run Text="{Binding DueDate, StringFormat={}{0:MM/dd/yyyy}}"/>
<LineBreak/>
<Run Text="{Binding DueDate, StringFormat={}{0: hh:mm tt}}"/>
</TextBlock>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn IsSortable="False" HeaderCellStyle="{DynamicResource columnSelectorHeaderCellStyle}" >
<telerik:GridViewDataColumn.Header>
<StackPanel Orientation="Horizontal">
<Image x:Name="image1" Source="Images/images.jpg" Width="25" Height="25" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="20,5,5,5" MouseLeftButtonDown="Image_MouseDown"/>
</StackPanel>
</telerik:GridViewDataColumn.Header>
</telerik:GridViewDataColumn>
</telerik:RadGridView.Columns>
</telerik:RadGridView>
</Grid>
Case 2 : Code Snippet :
<Grid x:Name="radGridView" Grid.Row="1" Margin="0,30">
<!--Change Detail section-->
<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
<telerik:RadGridView ColumnWidth="150" IsTabStop="False" x:Name="radGridView1" CanUserResizeColumns="False" IsReadOnly="True" CanUserFreezeColumns="False" RowStyle="{StaticResource rowStyle}" ItemsSource="{Binding DemoClasses}" ShowColumnFooters="False" GridLinesVisibility="None" RowIndicatorVisibility="Collapsed" telerikGridViewHeaderMenu:GridViewHeaderMenu.IsEnabled="True" ActionOnLostFocus="None" ShowGroupPanel="False" AutoGenerateColumns="False" Margin="0,-9,-1,0">
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn IsSortable="False" >
<telerik:GridViewDataColumn.Header>
<TextBlock Text="Id" TextWrapping="Wrap" TextAlignment="Center"/>
</telerik:GridViewDataColumn.Header>
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding ID}" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn IsSortable="False" Header="ClassName" DataMemberBinding="{Binding Name}">
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Name}" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn Header="Company" DataMemberBinding="{Binding Company}" Width="*">
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Company}" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn IsSortable="False" Header="Completed?" DataMemberBinding="{Binding IsComplete}" >
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding IsComplete}" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn IsSortable="False" Header="DueDate" DataMemberBinding="{Binding DueDate}">
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
<TextBlock TextAlignment="Center" ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center">
<Run Text="{Binding DueDate, StringFormat={}{0:MM/dd/yyyy}}"/>
<LineBreak/>
<Run Text="{Binding DueDate, StringFormat={}{0: hh:mm tt}}"/>
</TextBlock>
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
<telerik:GridViewDataColumn IsSortable="False" HeaderCellStyle="{DynamicResource columnSelectorHeaderCellStyle}" >
<telerik:GridViewDataColumn.Header>
<StackPanel Orientation="Horizontal">
<Image x:Name="image1" Source="Images/images.jpg" Width="25" Height="25" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="20,5,5,5" MouseLeftButtonDown="Image_MouseDown"/>
</StackPanel>
</telerik:GridViewDataColumn.Header>
</telerik:GridViewDataColumn>
</telerik:RadGridView.Columns>
</telerik:RadGridView>
</ScrollViewer>
</Grid>
Note : WHen all column's width is fixed then grid view behaviour is quite good but this doesn't suit our requirement.Attached is the snapshot of the grid when column width is fixed(radgridview.jpg).
We want our grid to autosize to fill the view acordingly.
Looking forward for the reply.
Hi,
I would like to know if its possible to display a heat map with different item sizes? We need to visualize road conditions and we use a custom built chart using writable bitmap currently.
I am busy replacing these charts with Telerik controls. But all the examples ive seen for the heatmap, all items are the same size.
I have attached our current HeatMap, highlighted with Yellow rectangle.

Hello,
I'm not capable of doing a Telerik RadGridView with a combobox to manage Edit and Delete actions (see image attached).
The combobox has 2 options "Edit" and "Delete".
I want the control to do:
The problem is that the GridView doesn't fire the SelectedIndexChanged event when I select the combobox.
Could you help me with this? Is there any example that I can see?
Thanks for your help!
I've created a new command in my ViewModel of the scheduleview that works properly in a context menu associated with the scheduleview, however when I try and place this command on a button outside the scheduleview control it doesn't trigger that an appointment has been selected or not.
I can make the CanExecute always return true and then it will fire the event properly when clicked, however I need it to disable/enable when an appointment is selected and it has specific values set in the appointment. The edit button triggers the selection changed ok when outside the schedule view. How do I get this same functionality for my command/button?
public DelegateCommand StartVisitCommand { get { return this.startVisitCommand; } set { this.startVisitCommand = value; } }
<telerik:RadButton Content="Start Visit" Grid.Column="4" Command="{Binding DataContext.StartVisitCommand, ElementName=scheduleview}" CommandTarget="{Binding ElementName=scheduleview}"CommandParameter="{Binding SelectedAppointments, ElementName=scheduleview}"DockPanel.Dock="Right" />
private void StartVisitCommandExecuted(object parameter){ IEnumerable appointments = parameter as IEnumerable; SqlAppointment appt = appointments.OfType<SqlAppointment>().Where(x => x.TimeMarkerID == 3).FirstOrDefault(); SchedulingInterface.CreateDocumentationByAppt(appt);}private static bool CanExecuteStartVisitCommand(object parameter){ IEnumerable appointments = parameter as IEnumerable; if (appointments != null) { SqlAppointment appt = appointments.OfType<SqlAppointment>().Where(x => x.TimeMarkerID == 3).FirstOrDefault(); if (appt != null) return appt.CurrentTimeMarkerId == "3"; } return false;}I have been trying to get a different color on a Grid, and all I have seen are where you have to override the ControlTemplate. I also tried setting the color of specific color resource, but that did not work either. Here is my xaml
<Style x:Key="GridRadGridView" TargetType="{x:Type telerik:RadGridView}">
<Style.Resources>
<Style TargetType="telerik:GridViewHeaderCell"
BasedOn="{StaticResource {x:Type telerik:GridViewHeaderCell}}">
<Setter Property="Background" Value="#014C6C" />
<Setter Property="BorderThickness" Value="0" />
<Setter Property="Foreground" Value="White" />
</Style>
</Style.Resources>
<Setter Property="AutoGenerateColumns" Value="False" />
<Setter Property="HeaderRowStyle" >
<Setter.Value>
<Style TargetType="telerik:GridViewHeaderRow"
BasedOn="{StaticResource {x:Type telerik:GridViewHeaderRow}}">
<Setter Property="Background" Value="#014C6C" />
<Setter Property="Foreground" Value="White" />
<Setter Property="BorderThickness" Value="0" />
</Style>
</Setter.Value>
</Setter>
<Setter Property="GroupRowStyle">
<Setter.Value>
<Style BasedOn="{StaticResource {x:Type telerik:GridViewGroupRow}}"
TargetType="telerik:GridViewGroupRow">
<Setter Property="Background" Value="#F8F8F8" />
<Setter Property="FontWeight" Value="Bold" />
<Setter Property="Foreground" Value="Black" />
<Setter Property="BorderThickness" Value="0 0 0 1" />
<!--<Setter Property="GroupHeaderTemplate">
<Setter.Value>
<DataTemplate >
</DataTemplate>
</Setter.Value>
</Setter>-->
</Style>
</Setter.Value>
</Setter>
<!--<Setter Property="RowStyle">
<Setter.Value>
<Style TargetType="telerik:GridViewRow"
BasedOn="{StaticResource {x:Type telerik:GridViewRow}}">
<Setter Property="Background" Value="#F9F9F9" />
--><!--<Trigger Property="IsCurrent" Value="True">
<Setter Property="Background" Value="#D7EFF9"/>
</Trigger>--><!--
</Style>
</Setter.Value>
</Setter>-->
<Setter Property="IsReadOnly" Value="True" />
<Setter Property="FontFamily" Value="Nunito" />
<Setter Property="ShowGroupPanel" Value="True" />
<Setter Property="FontSize" Value="14" />
<Setter Property="RowIndicatorVisibility" Value="Collapsed" />
<Setter Property="GridLinesVisibility" Value="Horizontal" />
<Setter Property="ScrollMode" Value="RealTime" />
<Setter Property="ScrollViewer.CanContentScroll" Value="True" />
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Visible" />
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Visible" />
</Style>