How can I Bind a DataTemplate Slider definition to the Code behind? - WPF Discussion Boards

I'm researching control packages for WPF.

I'm considering Telerik, XCeed, and DevExpress.

As far as Telerik goes, I have used them before and I like them a lot. Good controls with excellent support.

Anyone used XCeed, or DevExpress?

Please don't suggest Infragistics. They flat out suck and I'll never use them again.

Thanks

If it's not broken, fix it until it is

I'll be astonished if you can get a balanced response to that question, 1 lousy experience will ruin some ones opinion of a toolset. A good experience and deep knowledge will do the opposite.

We use Telerik and are very pleased to have changed from Infragistics.

Never underestimate the power of human stupidity
RAH

Take a look at Mindscape. I use them a lot and am really impressed by them.

*pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

"Mind bleach! Send me mind bleach!" - Nagy Vilmos

CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

Thanks, they look nice. And their site says their controls are geared towards MVVM, which is nice

If it's not broken, fix it until it is

I can't praise them enough. The way I view it is, would I use this control if I had to pay for it myself? And I did.

*pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

"Mind bleach! Send me mind bleach!" - Nagy Vilmos

CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

Good, thanks! +5

If it's not broken, fix it until it is

High praise indeed.

Never underestimate the power of human stupidity
RAH

I have a DataTemplate which, when referenced, displays a Slider Bar. The setup of the slider is dependant on data passed to the Form from the calling class. The XAML for the config looks like this.

<pre lang="xml">
<Window.Resources>
<DataTemplate DataType="{x:Type ContentControl}" x:Key="TextBoxTemplate">
<TextBox Text="{Binding ElementName=MyWindow, Path=m_csValue}" Height="23"/>
</DataTemplate>
<DataTemplate DataType="{x:Type ContentControl}" x:Key="SliderTemplate">
<Slider Name="sli" Value="{Binding ElementName = MyWindow, Path=sli}" ValueChanged="OnSliderValueChanged" IsSnapToTickEnabled="True" Margin="5" />
</DataTemplate>
<Style TargetType="{x:Type ContentControl}" x:Key="DisplayValues">
<Setter Property="ContentTemplate" Value="{StaticResource TextBoxTemplate}" />
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=MyWindow, Path=eType}" Value="{x:Static local:eTagDisplay.Text}">
<Setter Property="ContentTemplate" Value="{StaticResource TextBoxTemplate}" />
</DataTrigger>
<DataTrigger Binding="{Binding ElementName=MyWindow, Path=eType}" Value="{x:Static local:eTagDisplay.Slider}">
<Setter Property="ContentTemplate" Value="{StaticResource SliderTemplate}" />
</DataTrigger>
</Style.Triggers>
</Style>
</Window.Resources>

<Grid Width="267">
<StackPanel Margin="0,37,0,133" Height="123">
<TextBlock Height="23" Name="textBlock1" Text="TextBlock" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</StackPanel>

<ContentControl Style="{StaticResource DisplayValues}" Margin="12,12,12,158" />
</Grid>
</pre>

In my Code Behind I set up the Max, Min, Tick Frequency and Value when the Form is created.
When the Slider bar is updated i find that the slider in the code behind is not bound to the slider on display, and so I'm not updating the value of the object I wish to update.
How can I ensure that the slider created in the XAML is bound to the slider in the code behind?

Regards

Tony

In my project I have this xaml code for my slider

HTML

<StatusBarItem Grid.Column="5" Padding="4,0,15,0">
    <StackPanel x:Name="StatusBarSlider" Orientation="Horizontal">
        <TextBlock x:Name="StatusBarItem"
                   Margin="0,1,0,1"
                   Foreground="{Binding Foreground,
                                        ElementName=navigationPane}"
                   Padding="6,0,6,0"
                   Text="{Binding Value,
                                  ConverterParameter=%,
                                  Converter={StaticResource PercentageConverter},
                                  ElementName=scaleSlider}" />

        <RepeatButton Margin="1,0,1,0"
                      CommandTarget="{Binding ElementName=scaleSlider}"
                      ribbon:ScreenTipService.ScreenTipHeader="Zoom Out"
                      Style="{StaticResource {x:Static themes:SharedResourceKeys.StatusBarEmbeddedSliderDecreaseButtonBaseStyleKey}}" />
        <Slider x:Name="scaleSlider"
                Width="100"
                VerticalAlignment="Center"
                IsSnapToTickEnabled="True"
                LargeChange="0.5"
                Maximum="2.0"
                Minimum="0.5"
                ribbon:ScreenTipService.ScreenTipHeader="Zoom"
                SmallChange="0.1"
                TickFrequency="0.1"
                Value="1.0" />
        <RepeatButton Margin="1,0,1,0"
                      CommandTarget="{Binding ElementName=scaleSlider}"
                      ribbon:ScreenTipService.ScreenTipHeader="Zoom In"
                      Style="{StaticResource {x:Static themes:SharedResourceKeys.StatusBarEmbeddedSliderIncreaseButtonBaseStyleKey}}" />
    </StackPanel>
</StatusBarItem>

My code Behind this is

C#

// preparing tab content slider transformation
                    ScaleTransform scaleTransform = new ScaleTransform();
                    Binding scaleXBinding = new Binding("Value");
                    scaleXBinding.Source = scaleSlider;
                    Binding scaleYBinding = new Binding("Value");
                    scaleYBinding.Source = scaleSlider;

                    // binding main form slider to tab content
                    BindingOperations.SetBinding(scaleTransform,
                                                 ScaleTransform.ScaleXProperty,
                                                 scaleXBinding);
                    BindingOperations.SetBinding(scaleTransform,
                                                 ScaleTransform.ScaleYProperty,
                                                 scaleYBinding);

and since I am scaling something being displayed inside a tab I use this

C#

// adding content to new tab                    
                    newTab.Content = Contact2;

                    Contact2.contentContainer.LayoutTransform = scaleTransform;

This binds the slider control to the contents of my contacts. Hope this helps. Thumbs Up | :thumbsup:

Hi,

Thanks for your response, I've only just managed to pick this up.
I've looked at your code sample, many thanks.

The issue that I'm seeing is that using the "Name" declared for the Slider, I cannot use it in my CodeBehind without declaring an independent Slider object - which creates and new object and doesnt bind to the declared Slider in the XAML.

As the Slider is named and delcared in a the <Windows.Resources> section, and as part of a <DataTemplate>, do I need to reference by more than just the object name, e.g. would I need to call it something like someItem.sli as opposed to just sli?

Regards

Tony

How does one define IOleServiceProvider in a C# WPF application?

I was told that it was automatically recogized if I downloaded and installed the visual studio SDK. Is there some extra step I am missing?
http://i67.photobucket.com/albums/h292/Athono/programming/12-9-2012.png

IOleServiceProvider is from the Namespace Microsoft.TeamFoundation...
But I cannot declare this:

http://i67.photobucket.com/albums/h292/Athono/programming/12-9-2012-2.png

Are you trying to use this from a Visual Studio addin? That's what the VS SDK IOleServiceProvider is present in. Here's[^] an example using it.

*pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

"Mind bleach! Send me mind bleach!" - Nagy Vilmos

CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

XML

<pre>
<HierarchicalDataTemplate DataType="{x:Type local:RegionViewModel}" ItemsSource="{Binding Children}">
          <StackPanel Orientation="Horizontal">
            <Image Width="16" Height="16" Margin="3,0" Source="Images\Region.png" />
            <TextBlock Text="{Binding RegionName}" />
          </StackPanel>
</HierarchicalDataTemplate>
</pre>

Hi in the above data template whenever the type is a region, it says to use a particular icon.
But I want to chose icon based on the name of the region! Could you please let me know How I do this please?
Regards
RK

I guess you should use vector paths rather than icon images as dynamic images.

You could try the following resources -
Animation Along a Path for Silverlight[^]
http://msdn.microsoft.com/en-us/library/system.windows.shapes.path%28v=vs.95%29.aspx[^]

WP7.5 Apps - XKCD | Calvin | SMBC | Sound Meter | Speed Dial

I have a combo box of lookup items. It's bound to an ObservableCollection of LookupEntity. The code-behind:

private ObservableCollection<LookupEntity> _EmployeeTypes;
public ObservableCollection<LookupEntity> EmployeeTypes
{
    get { return _EmployeeTypes; }
    set
    {
        if (_EmployeeTypes != value)
        {
            _EmployeeTypes = value;
            RaisePropertyChanged("EmployeeTypes");
        }
    }
}

private LookupEntity _SelectedEmployeeType;
public LookupEntity SelectedEmployeeType
{
    get { return _SelectedEmployeeType; }
    set
    {
        if (_SelectedEmployeeType != value)
        {
            _SelectedEmployeeType = value;
            RaisePropertyChanged("SelectedEmployeeType");
        }
    }
}

and

public override void RefreshView()
{
    ViewHeaderText = "Employee - " + employee.FullName;

    FirstName = employee.FirstName;
    LastName = employee.LastName;

    SelectedEmployeeType = employee.EmployeeType;  // When I get here, all is OK. property is being set
}

the XAML

<ComboBox Grid.Row="2"
            Grid.Column="1"
            Width="120"
            HorizontalAlignment="Left"
            ItemsSource="{Binding EmployeeTypes}"
            SelectedItem="{Binding SelectedEmployeeType, Mode=TwoWay}">
                
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Caption}">
                <TextBlock.ToolTip>
                    <StackPanel Orientation="Vertical">
                        <TextBlock Text="{Binding Caption}"
                                    FontWeight="Bold"/>
                        <TextBlock Text="{Binding Description}"/>
                    </StackPanel>
                </TextBlock.ToolTip>
            </TextBlock>
        </DataTemplate>
    </ComboBox.ItemTemplate>
                
</ComboBox>

The combo item is not being selected. Anyone see what's wrong?

If it's not broken, fix it until it is

As a quick solution you can use SelectedIndex bind to an int property.

If you want your combobox to automatically select the employee's type, then you need to set the SelectedValue and SelectedValuePath properties as well, something like this :-

XML

<ComboBox Grid.Row="2"
            Grid.Column="1"
            Width="120"
            HorizontalAlignment="Left"
            SelectedValue="{Binding Path=SelecetdEmployee.SelecetdEmployeeType.EmpoyeeTypeID}"
            SelecetdValuePath="EmployeeTypeID"
            ItemsSource="{Binding EmployeeTypes}"
            SelectedItem="{Binding SelectedEmployeeType, Mode=TwoWay}">
                
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Caption}">
                <TextBlock.ToolTip>
                    <StackPanel Orientation="Vertical">
                        <TextBlock Text="{Binding Caption}"
                                    FontWeight="Bold"/>
                        <TextBlock Text="{Binding Description}"/>
                    </StackPanel>
                </TextBlock.ToolTip>
            </TextBlock>
        </DataTemplate>
    </ComboBox.ItemTemplate>
                
</ComboBox>

Just note that it is important to set the SelectedValue and SelectedValuePath properties before setting the ItemsSource property for the bindings to work properly.

Hope this helps

When I was a coder, we worked on algorithms. Today, we memorize APIs for countless libraries — those libraries have the algorithms - Eric Allman

Thjat did it!

Many thanks

+5

If it's not broken, fix it until it is

That did it!

Many thanks

+5

If it's not broken, fix it until it is

Glad to help!

When I was a coder, we worked on algorithms. Today, we memorize APIs for countless libraries — those libraries have the algorithms - Eric Allman

I want to use at command on hyper terminal by using Nokia x2 00 mobile . but i can't even type command
on hyper terminal. it might be possible that i made mistake while connection set up of mob to pc

can anybody tell me what are the steps to connect mobile to hyper terminal

You posted this question in the wrong forum....unless X2 uses Silverlight.

WP7.5 Apps - XKCD | Calvin | SMBC | Sound Meter | Speed Dial

I have an application where I have the possibility of changing between different CultureInfos (for English, Spanish etc.).

I would like to be able to converter to currency based on which Culture Info has been selected.

Fx. I have the value $4.5 but I would like to show 3.49 EUR when Spanish is selected.

The question is should the converter be as IValueConverter or is it possible to place it in the culture info since this would be easier for me?

Use a ViewModel to hold the calculated value. A value converter is a little bit overkill for this purpose.

*pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

"Mind bleach! Send me mind bleach!" - Nagy Vilmos

CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

Thank you very much