This is a migrated thread and some comments may be shown as answers.

Avoid influencing of standard controls

7 Answers 122 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

herbert asked on 09 Nov 2017, 09:19 AM

designmode.png

runmode.png

I'm testing your product and I'm like it so far but there are some things I can not comprehend.

I'm only using RadDocking by now and when I set the theme the behavior of my CustomListBox, which has nothing to do with your controls, changes.

To be precise the wrapping doesn't work anymore.

The pictures are attached below.

How can I avoid such interactions?

7 Answers, 1 is accepted

answered on 10 Nov 2017, 11:57 AM

Hello,

I am not sure what could cause such change of the behavior but it is possible one of our styles to change the behavior of a MS control for example. I need some more information about your project:

Do you use StyleManager or implicit styling?
If you use implicit styling do you merge System.Windows.xaml in your application resources?

<Application.Resources>

        <ResourceDictionary>

            <ResourceDictionary.MergedDictionaries>

                <ResourceDictionary Source="/Telerik.Windows.Themes.Office_Black;component/Themes/System.Windows.xaml"/>

                <ResourceDictionary Source="/Telerik.Windows.Themes.Office_Black;component/Themes/Telerik.Windows.Controls.xaml"/>

                <ResourceDictionary Source="/Telerik.Windows.Themes.Office_Black;component/Themes/Telerik.Windows.Controls.Input.xaml"/>

                <ResourceDictionary Source="/Telerik.Windows.Themes.Office_Black;component/Themes/Telerik.Windows.Controls.Navigation.xaml"/>

                <ResourceDictionary Source="/Telerik.Windows.Themes.Office_Black;component/Themes/Telerik.Windows.Controls.Docking.xaml"/>

            </ResourceDictionary.MergedDictionaries>

        </ResourceDictionary>
Can you please send us the CustomListBox style and implementation?

I am looking forward to your reply.

Regards,
Sia
Progress Telerik

Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.

answered on 15 Nov 2017, 01:28 PM

Thank you Sia for your reply

First of all. Now it's working but I don't know why.

I have moved the Telerik Resourses from App.xaml to my MainWindow.xaml which didn't immediately changed any behavior.

Then I tried a different docking framework from an other vendor and switched back to your solution.

Now it works.

The thread can be closed but I'm a little confused. There are other side effects on using your framework. I will open a new thread tor each of them.

Here is the Style of the CustomListBox:

-------------------------------------------------------------

---------------------------------------------

And here is how I used it:

<gcp:TagBox
                                    Grid.Column="1"
                                    Margin="10,0,0,0"
                                    ItemTemplateSelector="{StaticResource templateSelector}"
                                    ItemsSource="{Binding ColumnTags, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" />

answered on 15 Nov 2017, 10:49 PM

To be precise the ScrollViewer.HorizontalScrollBarVisibility="Disabled" setting will be ignored if I merge your ResourceDictionaries.

Here is a sample app:

--------------------------------------------------------------------------------

Code behind:

using System.Windows;

namespace TelerikFilterApp
{
    /// <summary>
    /// Interaktionslogik für MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

-----------------------------

ViewModel:

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using TelerikFilterApp.Model;

namespace TelerikFilterApp.ViewModel
{
    public class MainViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        //private ICollectionView _currentView;

        //public ICollectionView CurrentView { get { return _currentView; } set { _currentView = value; OnPropertyChanged(); } }

        private ObservableCollection<Person> _persons;

        public ObservableCollection<Person> Persons
        {
            get { return _persons; }
            set { _persons = value; OnPropertyChanged(); }
        }

        public MainViewModel()
        {

            _persons = new ObservableCollection<Person>();

            for (int i = 0;i< 10; i++)
            {
                _persons.Add(new Person() { Nbr = i, Name = "Hugo " + i });
            }

            OnPropertyChanged("Persons");
        }

        public void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }

    }
}

---------------

Model:

namespace TelerikFilterApp.Model
{
    public class Person
    {
        private int _nbr;

        public int Nbr
        {
            get { return _nbr; }
            set { _nbr = value; }
        }

        private string _name;

        public string Name
        {
            get { return _name; }
            set { _name = value; }
        }

    }
}

Accepted

answered on 20 Nov 2017, 10:12 AM

Hello,

From the code provided it seems that the described problem is caused by not basing your styles on the Telerik ones which is needed for the MS controls as well.
In your case it is important to base the ListBox style on ListBoxStyle and the ListBoxItem style on ListBoxItemStyle. Since you set custom template to the second, you can skip this step if you want to fully overwrite our style. If you do not base the ListBox style, it will fallback to the default MS one. The ScrollViewer.HorizontalScrollBarVisibility property works as expected on my end.

<Style TargetType="ListBox" BasedOn="{StaticResource ListBoxStyle}">

<Setter Property="ItemsPanel">

<Setter.Value>

<ItemsPanelTemplate>

<WrapPanel

Margin="5"

IsItemsHost="True"

Orientation="Horizontal" />

</ItemsPanelTemplate>

</Setter.Value>

</Setter>

<Setter Property="ItemContainerStyle">

<Setter.Value>

<Style TargetType="ListBoxItem" BasedOn="{StaticResource ListBoxItemStyle}">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="ListBoxItem">

<ContentPresenter />

</ControlTemplate>

</Setter.Value>

</Setter>

<Setter Property="Visibility" Value="Visible" />

</Style>

</Setter.Value>

</Setter>

</Style>

Usually moving the merged resources should not affect the behavior of our controls.

Regards,
Sia
Progress Telerik

answered on 22 Nov 2017, 01:13 PM

CustomListBox.zip

Hello,

In my opinion it is caused by missing TemplateBindings of the ScrollViewer in the ListBox default template. That is why the property is not respected. Please check the attached project for reference. ListBoxStyle1 is the default MS style, ListBoxStyle2 is our style for VisualStudio2013.

<ScrollViewer x:Name="ScrollViewer"

Margin="0"

BorderBrush="{x:Null}"

BorderThickness="0"

Padding="{TemplateBinding Padding}"

ScrollViewer.HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"

ScrollViewer.VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"

Background="{TemplateBinding Background}">

<ItemsPresenter/>

</ScrollViewer>

Regards,
Sia
Progress Telerik

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Avoid influencing of standard controls

7 Answers, 1 is accepted