Telerik Forums
UI for WPF Forum
4 answers
141 views
Hello, is it possible to add image inside the cell?
Sergey
Top achievements
Rank 2
 answered on 08 Oct 2020
3 answers
947 views

Hi Team,

     I am very new to WPF world and we are designing an application which will be having multiple menus and sub menus. As the application is bigger and having lot more functionality we are using Modular approach defined by PRISM along with complete use of MVVM(zero code behind). We are using Telerik controls for rich UI and for design of the Menu we are using Navigation View(Hamburger Menu). While designing such architecture we are facing many issues as follows:

1. How to bind command to the Navigation View Item events for MVVM prism architecture? I have tried many ways to achieve this but no success(Approaches are mentioned below the questions).

2. How to navigate and load different pages or user control on click of the Navigation View Items as our pages or user controls are present in separate application?(PRISM Modular approach)

3. Want to load this contents in ContentControl Prism Region Manager at runtime.

I have gone through the documentation of Rad Navigation View but not found any ways to achieve the above issues.

Below is the approach we tried to bind command.

1. Approach One :  Tried setting in Style with property setter at both ItemStyle and ItemBaseStyle but both are not working.

<p><UserControl.Resources><br>        <telerik:StringToGlyphConverter x:Key="StringToGlyphConverter" /><br>        <telerik:NullToVisibilityConverter x:Key="NullToVisibilityConverter" /><br>        <Style x:Key="ItemPreviewStyle" TargetType="telerik:RadNavigationViewItem"><br>            <Setter Property="IconTemplate"><br>                <Setter.Value><br>                    <DataTemplate><br>                        <telerik:RadGlyph Glyph="{Binding Converter={StaticResource StringToGlyphConverter}}"<br>                                          HorizontalAlignment="Center" VerticalAlignment="Center"/><br>                    </DataTemplate><br>                </Setter.Value><br>            </Setter><br>        </Style></p><p>        <Style x:Key="ItemBaseStyle" TargetType="telerik:RadNavigationViewItem" BasedOn="{StaticResource ItemPreviewStyle}"><br>            <Setter Property="Content" Value="{Binding Title}" /><br>            <Setter Property="ItemsSource" Value="{Binding SubItems}"/><br>            <Setter Property="Icon" Value="{Binding Icon}" /><br>            <Setter Property="IconVisibility" Value="{Binding Icon, Converter={StaticResource NullToVisibilityConverter}}"/><br>            </Style><br>        <Style x:Key="ItemStyle" TargetType="telerik:RadNavigationViewItem" BasedOn="{StaticResource ItemBaseStyle}">            <Setter Property="ItemContainerStyle" Value="{StaticResource ItemBaseStyle}"/><br>            <Setter Property="CommandTarget" Value="{Binding ElementName=RadTimeline}"/><br>            <Setter Property="Command" Value="{Binding NavigateCommand}"/><br>            <Setter Property="CommandParameter" Value="{Binding Title}"/></p><p></Style></p><p>        <DataTemplate x:Key="TransitionControlContentTemplate"></p><p><TextBlock Text="{Binding Title}" FontSize="40"></TextBlock></p><p></DataTemplate><br>    </UserControl.Resources></p>

2. Approach Two : Tried with Telerik event Command Behavior Event Bindings. 

<telerik:EventToCommandBehavior.EventBindings><br>                <telerik:EventBinding Command="{Binding NavigateCommand}" EventName="MouseLeftButtonDown" CommandTarget="{Binding Title}"/><br>            </telerik:EventToCommandBehavior.EventBindings>

3. Tried in Telerik radNavigationView.Item it is also not working

<telerik:RadNavigationView.Items><br>                <telerik:RadNavigationViewItem Command="{Binding NavigateCommand}"CommandParameter="{Binding Title}"><br>                </telerik:RadNavigationViewItem><br>            </telerik:RadNavigationView.Items>

We are able to show the static value like title with the below code : 

<p><telerik:RadNavigationView ItemsSource="{Binding Items}" x:Name="RadTimeline" BorderBrush="LightGreen" BorderThickness="1"<br>                                   ItemContainerStyle="{StaticResource ItemStyle}" ScrollViewer.CanContentScroll="True" ><br>            <br>            <telerik:EventToCommandBehavior.EventBindings><br>                <telerik:EventBinding Command="{Binding NavigateCommand}" EventName="MouseLeftButtonDown" CommandTarget="{Binding Title}"/><br>            </telerik:EventToCommandBehavior.EventBindings>            </p><p><telerik:RadNavigationView.Content><br>                <telerik:RadTransitionControl Content="{Binding SelectedItem, RelativeSource={RelativeSource AncestorType=telerik:RadNavigationView}}" ContentTemplate="{StaticResource TransitionControlContentTemplate}" Foreground="Black" Duration="0:0:0.4"><br>                    <telerik:RadTransitionControl.Transition><br>                        <telerik:FadeTransition /><br>                    </telerik:RadTransitionControl.Transition><br>                </telerik:RadTransitionControl><br>            </telerik:RadNavigationView.Content></p><p></telerik:RadNavigationView></p>

But instead of the RadNavigation View Content we wanted to use Content Control to load dynamic controls using MVVM and Prism like this.

<ContentControl prism:RegionManager.RegionName="ContentRegion" Margin="1,3,3,3"><br>            </ContentControl>

Below is my ViewModel Code.

P<code style="color: rgb(0, 0, 0);">ublic class MenuControlViewModel : BindableBase<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>    {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        private readonly IRegionManager _regionManager;<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        private List<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">> items;<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        public List<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">> Items<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            get<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                return this.items;<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            set<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                if (this.items != value)<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                    this.items = value;<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        public MenuControlViewModel(IRegionManager regionManager)<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            _regionManager = regionManager;<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            this.items = this.GetItems();<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            NavigateCommand = new DelegateCommand<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">string</code><code style="color: rgb(0, 0, 0);">>(Navigate);<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        private void Navigate(string navigatePath)<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            if (navigatePath != null)<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                _regionManager.RequestNavigate("ContentRegion", navigatePath);<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        private List<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">> GetItems()<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            var Menu-1 = new MenuControlModel() { Icon = "&#xe802;", Title = "Menu-1" };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            Menu-1.SubItems = new ObservableCollection<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Icon = "&#xe811;", Title = "SubMenu-1" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Icon = "&#xe81f;", Title = "SubMenu-2" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Icon = "&#xe815;", Title = "SubMenu-3" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Icon = "&#xe63d;", Title = "SubMenu-4" }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            var Menu-2 = new MenuControlModel() { Icon = "&#xe303;", Title = "Menu-2" };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>             Menu-2.SubItems = new ObservableCollection<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-1" }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-2" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-3" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-4" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-5" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            var  Menu-3 = new MenuControlModel() { Icon = "&#xe303;", Title = " Menu-3" };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>             Menu-3.SubItems = new ObservableCollection<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-1"},<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-2"}<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            var  Menu-4 = new MenuControlModel() { Icon = "&#xe303;", Title = " Menu-4"<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>             Menu-4.SubItems = new ObservableCollection<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-1" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-2" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-3" }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            var  Menu-5 = new MenuControlModel() { Icon = "&#xe303;", Title = " Menu-5" };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>             Menu-5.SubItems = new ObservableCollection<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-1" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-2" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-3" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-4" },<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Title = "SubMenu-5" }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            return new List<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">MenuControlModel</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            {<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                Menu-1,<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                Menu-2,<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                Menu-3,<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                Menu-4,<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                Menu-5,<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Icon = "&#xe809;", Title = "Menu-6"},<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Icon = "&#xe403;", Title = "Menu-7"},<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>                new MenuControlModel() { Icon = "&#xe10c;", Title = "Menu-8"},<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>            };<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>        public DelegateCommand<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">string</code><code style="color: rgb(0, 0, 0);">> NavigateCommand { get; private set; }<</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">><</code><code style="color: rgb(0, 102, 153); font-weight: bold;">br</code><code style="color: rgb(0, 0, 0);">>    }</code>

Kindly Help us to achieve this.

 

 

Martin Ivanov
Telerik team
 answered on 08 Oct 2020
2 answers
168 views

Hello 

 

I have a TimeBar which Connet is a Cartesian chart. The Period Start and End are the Min and Max dates in the source of the Cartesian chart items. For some reason, the start and the end of the cartesian chart does not align with the boundaries of the TimeBar. As if the chart has has some margin/padding that prohibits it to align with the TiemBar boundaries. (see atteched graphs).

Here is the xaml of the Timebar + cartesian chart:

<telerik:RadTimeBar Height="150" VerticalAlignment="Top"
                            PeriodStart="{Binding PeriodStart, Mode=TwoWay}"
                            PeriodEnd="{Binding PeriodEnd, Mode=TwoWay}"
                            VisiblePeriodStart="{Binding VisiblePeriodStart, Mode=TwoWay}"
                            VisiblePeriodEnd="{Binding VisiblePeriodEnd, Mode=TwoWay}"
                            SelectionStart="{Binding SelectionPeriodStart, Mode=TwoWay}"
                            SelectionEnd="{Binding SelectionPeriodEnd, Mode=TwoWay}">
            

        <telerik:RadTimeBar.Intervals>
            <telerik:YearInterval />
                <telerik:QuarterInterval/>
                <telerik:MonthInterval />
            <telerik:WeekInterval />
            <telerik:DayInterval />
        </telerik:RadTimeBar.Intervals>

            <telerik:RadTimeBar.Content>

                <telerik:RadCartesianChart Height="90" VerticalAlignment="Top">
                    <telerik:RadCartesianChart.Behaviors>
                        <telerik:ChartSelectionBehavior DataPointSelectionMode="Single" />
                        <telerik:ChartTooltipBehavior/>
                    </telerik:RadCartesianChart.Behaviors>
                    <telerik:RadCartesianChart.HorizontalAxis>
                        <telerik:DateTimeContinuousAxis Visibility="Collapsed" ShowLabels="False" TickThickness="0"/>
                    </telerik:RadCartesianChart.HorizontalAxis>
                    <telerik:RadCartesianChart.VerticalAxis>
                        <telerik:LinearAxis Visibility="Collapsed" ShowLabels="False" TickThickness="0" SmartLabelsMode="None"/>
                    </telerik:RadCartesianChart.VerticalAxis>

                    <telerik:RadCartesianChart.Series>
                        <telerik:BarSeries CategoryBinding="EffectiveDate" ValueBinding="PerformanceYTD" ItemsSource="{Binding PortfolioPerformanceHistoryChartItemPositive}">
                            <telerik:BarSeries.TooltipTemplate>
                                <ItemContainerTemplate>
                                    <TextBlock Text="{Binding DataItem.PerformanceYTD, StringFormat=P2}" Background="Bisque" Padding="1"/>
                                </ItemContainerTemplate>
                            </telerik:BarSeries.TooltipTemplate>
                            <telerik:BarSeries.PointTemplate>
                                <DataTemplate>
                                    <Rectangle Width="10" Fill="Blue" />
                                </DataTemplate>
                            </telerik:BarSeries.PointTemplate>
                        </telerik:BarSeries>
                        <telerik:BarSeries CategoryBinding="EffectiveDate" ValueBinding="PerformanceYTD" ItemsSource="{Binding PortfolioPerformanceHistoryChartItemNegative}">
                            <telerik:BarSeries.TooltipTemplate>
                                <ItemContainerTemplate>
                                    <TextBlock Text="{Binding DataItem.PerformanceYTD, StringFormat=P2}" Background="Bisque" Padding="1"/>
                                </ItemContainerTemplate>
                            </telerik:BarSeries.TooltipTemplate>
                            <telerik:BarSeries.PointTemplate>
                                <DataTemplate>
                                    <Rectangle Width="10" Fill="Red" />
                                </DataTemplate>
                            </telerik:BarSeries.PointTemplate>
                        </telerik:BarSeries>
                    </telerik:RadCartesianChart.Series>

                </telerik:RadCartesianChart>
            </telerik:RadTimeBar.Content>
            
        </telerik:RadTimeBar>

 

 

Thanks

Herald

Herald
Top achievements
Rank 1
Veteran
Iron
 answered on 07 Oct 2020
7 answers
192 views
Can I get the trackball info to be topmost over the intersection points on the series that are highlighted as I move the trackball?

I am getting the intersection points on top of the trackball info and I do not want that.  I still do want the intersection points to be shown when not over the trackball info tooltip.

Thanks!
Hen
Top achievements
Rank 1
Veteran
 answered on 06 Oct 2020
5 answers
111 views
I am running the 2020 R2 version and ran into what I believe is the same problem as "One could scroll past the first item leaving empty space above it" that is listed in the release history for 2020 R3. I am about to release and cannot really introduce a new version of these components right now, so is there some kind of workaround? I noticed that not all of my grids exhibit this behavior but was not able to distill the reason.
Dilyan Traykov
Telerik team
 answered on 05 Oct 2020
3 answers
167 views

How do I get the text to wrap rather than scroll horizontally.

Thanks,

Richard

Byron
Top achievements
Rank 1
 answered on 03 Oct 2020
4 answers
311 views

Hi,

Is it possible to paste some copied data into a RichTextBox as an image like you can in Outlook?

We have  a table in excel that we would like to paste in so it is an image in the RichTextBox rather than an editable table.

I have had a look around the forum and the docs but I can't see anything.

Thanks,

Steve

Martin
Telerik team
 answered on 01 Oct 2020
0 answers
117 views

Hello.

I was asked to make the scheduler show hours for the day in two columns if no grouping is selected.

i;e.: if my day has hours from 8am to 6pm, show two columns for the day: one with hours 8am to 12:59am and one with hours from 1pm to 6 pm. much as you can find in any mid sized scheduling book.

 

Is there a way to do that? or any hints to how to... 

Thanks in advance...

Richard
Top achievements
Rank 1
Iron
 asked on 30 Sep 2020
3 answers
346 views

Good day,

Is there a way I can access the filter value used in the GridView and Show it to other part of my page? Just like the SelectionBox of RadMultiColumnComboBox with the column and operation used?

Thank you.

Dinko | Tech Support Engineer
Telerik team
 answered on 30 Sep 2020
2 answers
316 views

We are using the Teleik rad gridview in our WPF application but we are experienceing a memory leak. The problem with this leak is that i'm not able to reproduce it in a example application so i cannot send anything. Below is the information I get using dotMemory:

 

Type, Allocated bytes, Allocated objects, Collected bytes, Collected objects
Telerik.Windows.Data.WeakEvent+WeakListener<System.ComponentModel.PropertyChangedEventArgs>, 81600, 3400, 79200, 3300
2 (2x24bytes)

Telerik.Windows.Data.WeakEvent+WeakListener<System.Collections.Specialized.NotifyCollectionChangedEventArgs>, 72000, 3000, 69600, 2900
2 (2x24bytes)

Because I am not able to reproduce the issue I wonder if you guys can give me some tips and pointers about how to diagnose this problem. Below you'll find information about the OS, Visual studio version and the used telerik version. The backtrace does not contain any of our own code.

Windows 10

Visual Studio 2015

.net framework 4.6.1 C#

Telerik version:2019.1.220.45

 

Marco
Top achievements
Rank 1
 answered on 30 Sep 2020
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
PersistenceFramework
DataPager
Styling
TimeBar
OutlookBar
TransitionControl
FileDialogs
Book
ToolBar
ColorPicker
TimePicker
MultiColumnComboBox
SyntaxEditor
VirtualGrid
Wizard
ExpressionEditor
NavigationView (Hamburger Menu)
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
ProgressBar
Sparkline
LayoutControl
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
PasswordBox
Rating
SplashScreen
Accessibility
Callout
CollectionNavigator
Localization
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?