Telerik Forums
UI for WPF Forum
2 answers
124 views

Hello there,

I am using the TimeSpanPicker within a ListBox ItemTemplate. I am changing the watermark. This works prefectly outside the template but when in a template does not work at all , my string is ignored and the default is used. I have also tried to use DynamicResource but found the same issue.

I have made a very simple project which highlights the issue, it uses the latest UI for WPF from the website.

It can be found here : https://www.dropbox.com/s/3ijhj346w0pjg1f/Telerik%20bug.zip?dl=0 

Also attached a screenshot showing the program running.

Thanks,

Martin

Martin
Top achievements
Rank 2
 answered on 16 Feb 2018
1 answer
243 views
I have two views.  One with a RadGridView, the other with a RadListBox.  They both have the same view model, and same ItemsSource.  I followed the ListBox Grouping and Filtering example.  When I have a collection of 2000 items, grouping is noticeably slower in the RadListBox than the RadGridView, i.e. 4 times slower, even when the RadListBox's ItemTemplate contains just a TextBlock.  Any idea why this is, and how to speed up grouping in the RadListBox?  Thanks.
gordon
Top achievements
Rank 1
 answered on 15 Feb 2018
1 answer
145 views

Hi,

Teleriks outdated documenation caused me, again, to lose some time finding solution.

https://docs.telerik.com/devtools/wpf/controls/radcontextmenu/how-to/use-radcontextmenu-with-radgridview

Here is implementation of RadContextMenu for RadGridView, step-by-step guide is clear and explains everything. But menu implemented in this way to my app didn't work. There is important property, not present in documentation:

BasedOn="{StaticResource RadMenuItemStyle}"

wwich changes Example 4

<Style x:Key="MenuItemContainerStyle" TargetType="telerik:RadMenuItem">
    <Setter Property="Header" Value="{Binding Text}"/>
    <Setter Property="ItemsSource" Value="{Binding SubItems}"/>
    <Setter Property="IsEnabled" Value="{Binding IsEnabled}"/>
</Style>

to

 

<Style x:Key="MenuItemContainerStyle"
                   TargetType="telerik:RadMenuItem"
                   BasedOn="{StaticResource RadMenuItemStyle}">
                <Setter Property="Header"
                        Value="{Binding Text}" />
                <Setter Property="ItemsSource"
                        Value="{Binding SubItems}" />
                <Setter Property="IsEnabled"
                        Value="{Binding IsEnabled}" />
            </Style>

 

Please, update your documentation to save others time. 

 

Best Regards,

Mateusz

 

Vladimir Stoyanov
Telerik team
 answered on 15 Feb 2018
1 answer
191 views

I'd love to see this implemented, it would be a natural.

Thanks in advance,
Steve

Stefan
Telerik team
 answered on 15 Feb 2018
3 answers
169 views

Is is possible to create bar scale as in the attached image?

Currently I have done it this way:

<Border
    Background="#FF1B1B1F"
    CornerRadius="24">
    <telerik:RadVerticalLinearGauge telerik:StyleManager.Theme="Green">
        <telerik:VerticalLinearScale MajorTickBackground="DeepSkyBlue" MiddleTickBackground="DeepSkyBlue" MinorTickBackground="DeepSkyBlue" MajorTickOffset="-10" MiddleTickOffset="-10" MinorTickOffset="-10" Min="0" Max="100" LabelLocation="Inside" MajorTickLocation="Inside" MinorTickLocation="Inside" MiddleTickLocation="Inside" MiddleTicks="2" MinorTicks="1" LabelFormat="{}{0:F0} %" FontSize="20" Foreground="#FF9EABAA" Fill="{x:Null}">
                <telerik:VerticalLinearScale.Indicators>
                    <telerik:BarIndicator BorderBrush="{x:Null}" Value="100" Background="#FF323232"/>
                    <telerik:BarIndicator BorderBrush="{x:Null}" Value="70" Background="DeepSkyBlue"/>
                </telerik:VerticalLinearScale.Indicators>
        </telerik:VerticalLinearScale>
    </telerik:RadVerticalLinearGauge>
</Border>

 

I cannot change the width of either the VerticalLinearScale or the BarIndicator objects. So to accomplish what I want, I hid the scale object and added two indicators. The first is the "base color" and the second the actual value indicator. In the end it's just rendering objects, but is there a better way to do this? Not the biggest fan of these "bubble gum solutions".

Also, is there a way to align the whole thing center? So that the bar scale and the tick labels together are always in the center during resizing. I would prefer not to use Padding. Currently there's wasted empty space on the left which makes the whole thing larger than it should be.

And is there a way to round the bar scale itself? Currently I'm rounding the border object, but when the whole thing is resized small enough, the bar scale's sharp corners start to render outside the border's rounder corners.

Sia
Telerik team
 answered on 15 Feb 2018
4 answers
128 views

I can't seem to get rid of the extra space around RadVerticalLinearGauge. Is this a bug or am I missing a property?

Try this code:

<Grid>
    <Border Background="#FF1B1B1F" CornerRadius="0">
        <telerik:RadVerticalLinearGauge OuterBorderThickness="0" OuterBorderBrush="Green" Background="Red" telerik:StyleManager.Theme="Green">
            <telerik:VerticalLinearScale MajorTickBackground="DeepSkyBlue" MiddleTickBackground="DeepSkyBlue" MinorTickBackground="DeepSkyBlue" MajorTickOffset="-10" MiddleTickOffset="-10" MinorTickOffset="-10" Min="0" Max="100" LabelLocation="Inside" MajorTickLocation="Inside" MinorTickLocation="Inside" MiddleTickLocation="Inside" MiddleTicks="2" MinorTicks="1" LabelFormat="{}{0:F0} %" FontSize="20" Foreground="#FF9EABAA" Fill="{x:Null}">
                <telerik:VerticalLinearScale.Indicators>
                    <telerik:BarIndicator BorderBrush="{x:Null}" Value="100" Background="#FF323232"/>
                    <telerik:BarIndicator BorderBrush="{x:Null}" Value="70" Background="DeepSkyBlue"/>
                </telerik:VerticalLinearScale.Indicators>
            </telerik:VerticalLinearScale>
        </telerik:RadVerticalLinearGauge>
    </Border>
</Grid>

 

There is a black extra space around the red gauge object. Margin is 0 so that's not the culprit. I added OuterBorderThickness and OuterBorderBrush for demonstration purpose. If I set OuterBorderThickness to 10 the green border is drawn over the black area. Not sure if they are related but something to start with.

Shouldn't the red area fill the entire border object with the above property values? Especially if you remove both OuterBorderThickness and OuterBorderBrush property values from the code.

 

 

Sia
Telerik team
 answered on 15 Feb 2018
1 answer
160 views

In my application I bind the value of a textbox to properties of the selected item of a grid.

When do something like (note: grdParts is defined elsewhere and has the default SelectionUnit = FullRow)

<TextBox Text="{Binding ElementName=grdParts, Path=SelectedItem.OrderCode}" />

the error list shows the error 'SelectedItem' is not accessible. But the application compiles fine and works as intended. My biggest problem is that these 'fake' errors obscure real problems.

A while ago I tackled this problem by adding the ElementName in the Path, but recently (because I updated to the newest Telerik version?) this stopped working, so I had to revert back to this way of binding.

What is wrong with this binding?

Boardy
Top achievements
Rank 2
Veteran
Iron
 answered on 15 Feb 2018
1 answer
137 views

Hi,

I'm trying to apply the RowReorderBehavior (example xaml-sdk) in a hierarchical-gridview and wondering how to enable to childgrid for drah-and-drop.

 <controls:GridView
          x:Name="GridView"
          ItemsSource="{Binding Items}">
          <telerik:RadGridView.ChildTableDefinitions>
            <telerik:GridViewTableDefinition />
          </telerik:RadGridView.ChildTableDefinitions>
          <telerik:RadGridView.HierarchyChildTemplate>
            <DataTemplate>
              <controls:GridView
                x:Name="ChildGrid"
                AllowDrop="True"
                Drop="UIElement_OnDrop"
                ItemsSource="{Binding InvoiceLines}"
                RowIndicatorVisibility="Visible"
                SelectedItem="{Binding CurrentChild, Mode=TwoWay}">
                <controls:GridView.Resources>
                  <DataTemplate x:Key="DraggedItemTemplate">
                    <StackPanel>
                      <StackPanel Orientation="Horizontal">
                        <TextBlock Text="Dragging:" />
                        <TextBlock FontWeight="Bold" Text="{Binding CurrentDraggedItem}" />
                      </StackPanel>
                      <StackPanel Orientation="Horizontal">
                        <TextBlock
                          MinWidth="45"
                          FontWeight="Bold"
                          Text="{Binding CurrentDropPosition}" />
                        <TextBlock Foreground="Gray" Text=", (" />
                        <TextBlock Text="{Binding CurrentDraggedOverItem}" />
                        <TextBlock Foreground="Gray" Text=")" />
                      </StackPanel>
                    </StackPanel>
                  </DataTemplate>
                </controls:GridView.Resources>
                <controls:GridView.RowStyle>
                  <Style TargetType="telerik:GridViewRow">
                    <Setter Property="telerik:DragDropManager.AllowDrag" Value="True" />
                    <Setter Property="telerik:DragDropManager.TouchDragTrigger" Value="TapAndHold" />
                  </Style>
                </controls:GridView.RowStyle>

 

in the code behind is want to enable the childgrid like: RowReorderBehavior.SetIsEnabled(childgrid, isEnabled);

My problem is how to find the dependencyobject for the childgrid. Trying something like this...

this.GridView.HierarchyChildTemplate.FindName("ChildGrid", ????)

JKattestaart
Top achievements
Rank 1
 answered on 15 Feb 2018
5 answers
1.0K+ views
I am trying to bind a dynamically generated menu. I have set up the following style:


<
Style x:Key="MenuItemStyle" TargetType="telerik:RadMenuItem">
        <Setter Property="Header" Value="{Binding Header}" />
        <Setter Property="IsCheckable" Value="{Binding IsCheckable}" />
         
        <Setter Property="IsSeparator" Value="{Binding IsSeparator}" />
        <Setter Property="IsChecked" Value="{Binding IsChecked}" />
        <Setter Property="Icon" Value="{Binding IconUrl}" />
         
        <Setter Property="ItemsSource" Value="{Binding SubMenuItems}" />
        <Setter Property="Command" Value="{Binding MenuItemClicked}" />
        <Setter Property="CommandParameter" Value="{Binding RelativeSource={RelativeSource Self}}" />
      
        <Setter Property="IconTemplate" >
            <Setter.Value>
                <DataTemplate>
                    <Image Source="{Binding}" Stretch="Fill"/>
                </DataTemplate>
            </Setter.Value>
        </Setter>
 
    </Style>
</Window.Resources>
This Generates the menus just fine and they appear exactly as I expect HOWEVER the command does nothing ()i.e. the MENUCLICKED. I have set up the command MenuItemClicked in the ViewModel and correct instantiated it as an ICOMMAND but it never fires the command. What am I missing??. The command is set up as follows:
public ICommand MenuItemClicked { get; set; }
 
MenuItemClicked = new Command<RadMenuItem>(c =>
          {
              ....executesomeciodec);
          });
 I must have missed something but for the life of me I cannot see what. I know it is bound correctly as the menus are getting populated with the correct properties, icons and layouts.

Please advise - thank you


​
Vladimir Stoyanov
Telerik team
 answered on 14 Feb 2018
1 answer
100 views

Hi Progress Telerik,

I have selected an GanttTask in GanttView. The selection is OK. But while exporting the whole GanttArea it is showing with different Task Selection. Please find the attachment for a clear understanding and kindly provide me the solution. I have used the below code which is available in https://github.com/telerik/xaml-sdk/tree/master/GanttView/PrintingAndExporting

 

var exportSettings = new ImageExportSettings(new Size(816, 1056), true, GanttArea.AllAreas);

using (var export = ganttView.ExportingService.BeginExporting(exportSettings))
{
    exportImages = export.ImageInfos.ToList().Select(info => info.Export());
}

 

Thanks and Regards,

Muhammad Azhar Shah

MSC Technology

Martin Ivanov
Telerik team
 answered on 14 Feb 2018
Narrow your results
Selected tags
Tags
GridView
General Discussions
Chart
RichTextBox
Docking
ScheduleView
ChartView
TreeView
Diagram
Map
ComboBox
TreeListView
Window
RibbonView and RibbonWindow
PropertyGrid
DragAndDrop
TabControl
TileView
Carousel
DataForm
PDFViewer
MaskedInput (Numeric, DateTime, Text, Currency)
AutoCompleteBox
DatePicker
Buttons
ListBox
GanttView
PivotGrid
Spreadsheet
Gauges
NumericUpDown
PanelBar
DateTimePicker
DataFilter
Menu
ContextMenu
TimeLine
Calendar
Installer and Visual Studio Extensions
ImageEditor
BusyIndicator
Expander
Slider
TileList
DataPager
PersistenceFramework
Styling
TimeBar
OutlookBar
TransitionControl
FileDialogs
Book
ToolBar
ColorPicker
TimePicker
MultiColumnComboBox
SyntaxEditor
VirtualGrid
NavigationView (Hamburger Menu)
Wizard
ExpressionEditor
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
LayoutControl
ProgressBar
Sparkline
TabbedWindow
ToolTip
CloudUpload
ColorEditor
TreeMap and PivotMap
EntityFrameworkCoreDataSource (.Net Core)
HeatMap
Chat (Conversational UI)
VirtualizingWrapPanel
Calculator
NotifyIcon
TaskBoard
TimeSpanPicker
BulletGraph
Licensing
WebCam
CardView
DataBar
FilePathPicker
Callout
PasswordBox
SplashScreen
Localization
Rating
Accessibility
CollectionNavigator
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?