Telerik Forums
UI for WPF Forum
0 answers
134 views

Hello!

I have similar, but slightly different scenario for misplaced dock indicators. Similar to https://www.telerik.com/forums/wrong-rootcompass-indicators-location, but in my case the host process is also WPF application that have ContentPresenter with content from another WPF process.

I've tried to implement IWindowInteropabilityAdapter, but it's properties are not being read at all.

Attaching Adapter

View = FrameworkElementAdapters.ContractToViewAdapter(_remoteProcess.RemotePlugin.Contract);
            WindowInteropabilityHelper.SetWindowInteropabilityAdapter(View,
                new WindowInteropabilityAdapter(App.Current.MainWindow));

//or App.Current.MainWindow.FindChildByType<ContentPresenter>()

 

Host Main Window xaml

<Window  >
    <AdornerDecorator>
        <DockPanel>
  
            <ContentPresenter Content="{Binding PluginService.SelectedPlugin.View}" />
        </DockPanel>
    </AdornerDecorator>
</Window>

 

I also tried to look at OnPreviewShowCompass(PreviewShowCompassEventArgs args) on child process RadDocking, because I can track main app to know that it was moved to the other screen, I'm able to have screen handle and screen dimensions, but I have no clue how to correct Compass placement even with all that information.

Is there anything I got missing, done wrong or could change to make it work as expected?

Bartosz
Top achievements
Rank 1
 asked on 09 Oct 2020
5 answers
114 views

I have a few AutocompleteBoxes databound to some objects (standard MVVM pattern).

If I make a selection, then press the Tab key, the objects are updated just fine.

If I just click to another control, they are not. The lose focus event is fired, but the Selecteditems is null.

 

Is there a way to make this work properly?

Martin Ivanov
Telerik team
 answered on 09 Oct 2020
3 answers
97 views

Good day,

i would like to achieve something like the Agenda View with Columns for each "Resource". eg:

 

                       Person 1 | Person 2 | Person 3 | ....

Monday

Tuesday

Wednesday

....

Is this possible? Could you please point me in de right direction?

 

Thank you for your time and help!

Best regards
Jürgen

 

Dilyan Traykov
Telerik team
 answered on 09 Oct 2020
10 answers
490 views
Is it possible to show the floating RadPane in the windows taskbar with the other application windows? I was looking through documentation and couldn't find a way to do this.

I know the floating windows come to the front when the application window is focused, but wondered if that was the desired functionality instead of having them in the taskbar.
Martin Ivanov
Telerik team
 answered on 09 Oct 2020
1 answer
1.4K+ views

Good day,

Is there a way I can add custom property to RadWatermarkTextBox? For example adding isRequired property and use it in the control template.

 

Thank you.

Martin Ivanov
Telerik team
 answered on 09 Oct 2020
2 answers
272 views

Hello

How would I bind the AutoCompleteBox to a simple List<string> or to a string array. Documentation only shows how to bind to a custom object. 

 

Thanks

Herald
Top achievements
Rank 1
Veteran
Iron
 answered on 08 Oct 2020
4 answers
128 views
Hello, is it possible to add image inside the cell?
Sergey
Top achievements
Rank 2
 answered on 08 Oct 2020
3 answers
905 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
151 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
180 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
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?