Trouble with MultiTrigger and IsMouseOver property - WPF Discussion Boards

you can create a visibility converter using chkNotPassed as value and apply it on datePicker1.

don't worry and don't get frustrated. everything will eventually sort out and then we will regret being frustrated. the only thing that matters is conscious efforts to make things right. - Rahul Rajat Singh

Just that something can be done, doesn't mean it should be done. Respect developers and their efforts! - Jyothikarthik_N

Excuse me.I do not understand what you mean. Frown | :(

Can you tell me more??

Follow this example:
Visibility Converter (Value Converter) [^]

don't worry and don't get frustrated. everything will eventually sort out and then we will regret being frustrated. the only thing that matters is conscious efforts to make things right. - Rahul Rajat Singh

Just that something can be done, doesn't mean it should be done. Respect developers and their efforts! - Jyothikarthik_N

Hi, please help me regards this issue.
When I click on child module name should be send to the viewmodel as parameter.

XML

<TreeView ItemsSource="{Binding ModuleCategories}" Canvas.Left="16" Canvas.Top="15" Height="350" Name="treeView1" Width="150" >
               <i:Interaction.Triggers>
                   <i:EventTrigger EventName="SelectedItemChanged">
                       <i:InvokeCommandAction Command="{Binding TreeViewCommand}"
                   CommandParameter="{Binding ElementName=treeView1, Path=SelectedItem}"/>
                   </i:EventTrigger>
               </i:Interaction.Triggers>
               <TreeView.ItemTemplate>
                   <HierarchicalDataTemplate ItemsSource="{Binding Children}" >
                       <StackPanel Orientation="Horizontal">
                           <TextBlock Text="{Binding Name}" />
                       </StackPanel>
                   </HierarchicalDataTemplate>
               </TreeView.ItemTemplate>
           </TreeView>

now I'm work on the silverlight for a project of windows embedded compact7, and I want to construct two windows(of course one exe/process)

for my project. because this project is a car audio product, a screen is nearby the driver and the other is on the back of the first chair for the people sit at the back.

now how to construct the other windows, could you give me some ideas?

Hire a developer!

Never underestimate the power of human stupidity
RAH

what dou you mean?

Hi,

I'm working at a custom control in WPF. This control should work as menu with buttons. The buttons are on left side of the window (4..5 one below the other) and realized by rectangles.

At the first time I used triggers with setters to set the colors of the rectangle
( Button Enabled = DarkBlue,
Button Disabled = LightBlue,
MouseOver = MiddleBlue).

This worked fine for every button. If the mouse was over the enabled buttons, the button color became middleblue and by leaving the button, the button became darkblue. The disabled button was always lightblue. If I switched the buttons from enable to disable, the previous button became dark blue and the IsMouseOver works again.

But now, I decided to animate the rectangles by color transition. Now I'm using the MultiTrigger to animate the color transition. But it doesn't work. When starting the application the button at the top is disabled. If I click the next button under the button at the top, the clicked button becomes disable (lightblue) and the top button becomes enabled (darkblue). Now the IsMouseOver property doesn't work for the first button in the top. But it works already for the buttons I never clicked.
I think, that the disabled button, which becomes enable again, ignores the MouseOver property. How can I solve this problem? Confused | :confused:

Here is the code:

XML

<!-- Set properties when mouse pointer is over the button. -->
                          <MultiTrigger> 
                            <MultiTrigger.Conditions>
                                <Condition Property="IsEnabled" Value="True" /> 
                                <Condition Property="IsMouseOver" Value="True" />
                            </MultiTrigger.Conditions>

                            <!-- Happens when the mouse cursor enter the button area -->
                            <MultiTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <!-- rectangle - changing color to middle blue -->
                                        <ColorAnimation     Storyboard.TargetName="rightRectangle" 
                                                            Storyboard.TargetProperty="(Rectangle.Fill).Color"  
                                                            To="{StaticResource colorMiddleBlue}" 
                                                            Duration="0:0:0.25" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </MultiTrigger.EnterActions>
                              
                            <!-- Happens when the mouse cursor leaves the button -->
                            <MultiTrigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <ColorAnimation     Storyboard.TargetName="rightRectangle" 
                                                            Storyboard.TargetProperty="(Rectangle.Fill).Color"  
                                                            To="{StaticResource colorDarkBlue}" 
                                                            Duration="0:0:0.20" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </MultiTrigger.ExitActions> 
                              
                            </MultiTrigger>

                        <!-- Disabled Button-->
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsEnabled"  Value="False"/>
                            </MultiTrigger.Conditions>

                            <MultiTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <ColorAnimation     Storyboard.TargetName="rightRectangle" 
                                                            Storyboard.TargetProperty="(Rectangle.Fill).Color"
                                                            Duration="0:0:0.15"
                                                            To="{StaticResource colorLightBlue}" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </MultiTrigger.EnterActions>
                            <MultiTrigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <ColorAnimation     Storyboard.TargetName="rightRectangle" 
                                                            Storyboard.TargetProperty="(Rectangle.Fill).Color" 
                                                            Duration="0:0:0.15"
                                                            To="{StaticResource colorDarkBlue}" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </MultiTrigger.ExitActions>
                        </MultiTrigger>

I am trying to use scroll bar on canvas but scroller is not coming, only control is visible, i am unable to scroll up and down. Please help me.

XML

<ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Visible">
    <Canvas Visibility="{Binding EnableEdit, Converter={StaticResource BoolToVis}}" Background="AliceBlue" Canvas.Left="208" Canvas.Top="174" Height="254" Name="canvasEdit" Width="424">
      <ItemsControl x:Name="itemsControl" Canvas.Left="{Binding SetPosition}" ItemsSource="{Binding Test}">
      </ItemsControl>
    </canvas>
</ScrollViewer>

modified 18-Nov-13 8:08am.

Hi,

you use the scroll bar on the item above. If it's a grid, the grid contains the scroll bar.
Note, the canvas height and width must exceed the window parameter. Otherwise the scroller of the scroll bar is inactive.
The scroller is only visible when the content is larger than the item that you want to display.

For example:

XML

<Window x:Class="TestWindow.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>

        <ScrollViewer VerticalScrollBarVisibility="Visible" 
                      HorizontalScrollBarVisibility="Visible">
              
              <Canvas Visibility="{Binding EnableEdit, Converter={StaticResource BoolToVis}}" 
                      Background="AliceBlue" 
                      Canvas.Left="208" 
                      Canvas.Top="174" 
                      Height="500"  <!-- this value must be greater than the window height -->
                      Width="700"   <!-- and this must be greater than the window width -->
                      Name="canvasEdit" >   
                      
                 <ItemsControl x:Name="itemsControl" 
                               Canvas.Left="{Binding SetPosition}" 
                               ItemsSource="{Binding Test}"/>
              </Canvas>
        </ScrollViewer>
    </Grid>
</Window>

Thanks...

I have to canvas one over another and I am creating a rectangle on Child canvas in which i want to display the parent canvas background. i am able to do it using Opacity mask but when I try to add border to rectangle for that area also it displays Canvas bakground

XML

<Canvas  Width="772" Name="Canvas2" Height="464" >

            <Canvas.OpacityMask>
                <VisualBrush Stretch="Fill" Viewbox="0,0,800,600" ViewboxUnits="Absolute" Viewport="0,0,800,600" ViewportUnits="Absolute">
                    <VisualBrush.Visual>
                        <Canvas Width="800" Height="600" Background="#1000" >
                            <!--<Button Name="VisualButton"  Width="215" Height="110" Canvas.Left="20" Canvas.Top="20" Background="#0000">-->
                                <Button x:Name="VisualButton1" Width="200" Height="100"  BorderBrush="#0000" BorderThickness="100"  />

                           <!-- </Button>-->
                            <!--<Rectangle Stroke="#9000"  StrokeThickness="3" Width="225" Height="120" Canvas.Left="2" Canvas.Top="20"></Rectangle>
                            <Rectangle Name="VisualButton"  Width="215" Height="110" Canvas.Left="20" Canvas.Top="20"  Fill="Azure">-->
                                <!--<Button x:Name="VisualButton1" Width="200" Height="100"  BorderBrush="#0000" BorderThickness="100"  />

                            </Rectangle>-->
                        </Canvas>

                    </VisualBrush.Visual>
                </VisualBrush>
                <!--<VisualBrush Visual="{Binding ElementName=Shape}" Stretch="None"  />-->
            </Canvas.OpacityMask>

XML

<Canvas.Background>
                <ImageBrush ImageSource="C:\Users\Public\Pictures\Sample Pictures\Desert.jpg" />
            </Canvas.Background>

</Canvas>

Download and do.

http://archive.msdn.microsoft.com/wpfsamples[^]

[edit]
Specifically "OpacityMasking_markup"
[end edit]

modified 16-Nov-13 18:34pm.

I have 2 pages (User and UserListing) When I Add new user on User Page then change page to UserListing Page the ComboBoxUser on UserListing Page wont update automatically. Any Idea to solve this ?

this is my code User.cs

C#

public class User : INotifyPropertyChanged
{
    string _firstName;
    public string FirstName {
        get { return _firstName; }
        set { 
            _firstName = value;
            OnPropertyChanged("FirstName");
            OnPropertyChanged("FullName");
        }
    }

    string _lastName;
    public string LastName {
        get { return _lastName; }
        set { 
            _lastName = value;
            OnPropertyChanged("LastName");
            OnPropertyChanged("FullName");
        }
    }

    public string FullName
    {
        get { return string.Format("{0} {1}", FirstName, LastName); }
    }

    int _gender;
    public int Gender {
        get { return _gender; }
        set { 
            _gender = value;
            OnPropertyChanged("Gender");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }
}

UserListingViewModel.cs

C#

public class UserListingViewModel : INotifyPropertyChanged
{
    public UserListingViewModel()
    {
        LoadDataUser();
    }

    public void LoadDataUser()
    {
        ComboUserData = new ObservableCollection<User>();

        SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings[
            "dLondre.Properties.Settings.CSLONDRE"].ConnectionString);

        string str = "";
        str += "SELECT userid,firstname + ' ' + lastname as name FROM [user] ";

        SqlCommand com = con.CreateCommand();
        com.CommandText = str;

        try
        {
            con.Open();
            SqlDataReader sdr = com.ExecuteReader();
            while (sdr.Read())
            {
                ComboUserData.Add(new User { UserID = (string)sdr["userid"], FirstName = (string)sdr["name"]});
            }

            com.Dispose();
            con.Close();
            con.Dispose();
        }
        catch (Exception e)
        {
            Console.WriteLine(e);
        }
    }


    ObservableCollection<User> _comboUserData;
    public ObservableCollection<User> ComboUserData
    {
        get
        {
            if (_comboUserData == null)
                _comboUserData = new ObservableCollection<User>();
            return _comboUserData;
        }
        set
        {
            if (value != _comboUserData)
                _comboUserData = value;
            OnPropertyChanged("ComboUserData");
        }
    }

    User _user;
    public User SelectedUserID
    {
        get { return _user; }
        set
        {
            _user = value;
            OnPropertyChanged("SelectedUserID");
        }
    }
}

XAML

XML

<ComboBox x:Name="DDUserId" 
     Width="140" 
     DisplayMemberPath="FirstName" 
     IsSynchronizedWithCurrentItem="True" 
     ItemsSource="{Binding ComboUserData,Mode=TwoWay}" 
     SelectedItem="{Binding SelectedUserID}">
</ComboBox>

Hi
Could you please tell whether the ViewModel is set as the DataContext of the View containing ComboBox

like the below.

<Page.DataContext>
//Instance of the ViewModel
</Page.DataContext>

Karthikeyan

Hi..thx for response
I've done like what you said and still the combobox value doesnt update automatically after add new user.
LoadDataUser method is executed but only when I change page to UserListing page for the first time App starts. When I change page from UserListing page to other page then back to UserListing page, the LoadDataUser is not executed anymore.
for more info, I use modern UI (mui) from codeplex and i using link to navigate between pages

Your code all looks right at a quick glance, so I'd assume you are adding the user to a different instance of the ObservableCollection since the user page would have a different VM.

hi..thx for reply, what do You mean by adding the user to a different instance of the ObservableCollection ?
maybe You can give some example please. I can not get it.

I do not see any code to add the user on this page, so I assume you are adding it on the other page. If so, you need to add it to the SAME EXACT ObservableCollection. If you create another one on the other page, how do you expect this page to see it? Smile | :)

.

yes, the add method is on different page (UserViewModel). this is the code :

C#

void Register()
{

    Crypto Crypt = new Crypto(Crypto.CryptoTypes.encTypeTripleDES);
    Password = Crypt.Encrypt(Password);
    CreatedBy = "builtinapp";

    SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings[
        "dLondre.Properties.Settings.CSLONDRE"].ConnectionString);

    string str = "";
    str = "";
    str += "INSERT INTO [user] ";
    str += "(firstName,lastName,gender,birthdate,address,city,zip,email,userid,password,status,deleted,createdOn,createdBy) ";
    str += "VALUES (@FirstName,@LastName,@Gender,@BirthDate,@Address,@City,@ZipCode,";
    str += "@Email,@UserId,@Password,@Status,@Deleted,@CreatedOn,@CreatedBy)";

    SqlCommand com = con.CreateCommand();
    com.CommandText = str;

    // Assign value to parameters
    com.Parameters.Add(new SqlParameter("@FirstName", FirstName));
    com.Parameters.Add(new SqlParameter("@LastName", LastName));
    com.Parameters.Add(new SqlParameter("@Gender", Gender));
    com.Parameters.Add(new SqlParameter("@BirthDate", BirthDate));
    com.Parameters.Add(new SqlParameter("@Address", Address));
    com.Parameters.Add(new SqlParameter("@City", City));
    com.Parameters.Add(new SqlParameter("@ZipCode", ZipCode));
    com.Parameters.Add(new SqlParameter("@Email", Email));
    com.Parameters.Add(new SqlParameter("@UserId", UserID));
    com.Parameters.Add(new SqlParameter("@Password", Password));
    com.Parameters.Add(new SqlParameter("@Status", Status));
    com.Parameters.Add(new SqlParameter("@Deleted", Deleted));
    com.Parameters.Add(new SqlParameter("@CreatedOn", CreatedOn));
    com.Parameters.Add(new SqlParameter("@CreatedBy", CreatedBy));

    // Open the connection & execute the command
    con.Open();
    int rownum = com.ExecuteNonQuery();
    com.Dispose();
    con.Close();
    con.Dispose();
    Reset();

}

how to add new user to same exact observablecollection ?
please help. I'm stuck for almost 2 weeks Frown | :(

Yeah, so this code is just inserting it into the database. There is no notification to the other page to add/refresh the ObservableCollection.

What exactly do you mean by "page"? There is no such thing in WPF. Page is more web/silverlight. Do you mean a dialog?

How do you launch the add dialog? In your command handler for that, you'd show the dialog, then refresh the ObservableCollection afterwards.

Thank You, Page I mean is View (usercontrol). Maybe you want take a look my project please
this is the link https://dl.dropboxusercontent.com/u/98165249/sample.rar[^]

It's hard for me to explain by words..
Thank You

SledgeHammer01 wrote:
What exactly do you mean by "page"? There is no such thing in WPF.

Yes there is. WPF does support Page, wee here[^].

Finally I Found the solution
maybe it's just trick but it works..

I Just follow article in this link
http://blog.cylewitruk.com/2010/10/mvvm-using-a-timer-in-your-viewmodel/[^]

Here is the code :

C#

private ShowUser showuser;
private void InvalidateSampleData(object state, EventArgs e)
{
    showuser = new ShowUser();
    Users = showuser.GetUser();
}

C#

public class ShowUser : INotifyPropertyChanged
{
    public ObservableCollection<User> GetUser()
    {
        ObservableCollection<User> users = new ObservableCollection<User>();

        SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings[
            "dLondre.Properties.Settings.CSLONDRE"].ConnectionString);

        string str = "";
        str += "SELECT userid,firstname + ' ' + lastname as name FROM [user] ";

        SqlCommand com = con.CreateCommand();
        com.CommandText = str;

        try
        {
            con.Open();
            SqlDataReader sdr = com.ExecuteReader();
            while (sdr.Read())
            {
                users.Add(new User { UserID = (string)sdr["userid"], FirstName = (string)sdr["name"] });
            }

            com.Dispose();
            con.Close();
            con.Dispose();
        }
        catch (Exception e)
        {
            Console.WriteLine(e);
        }

        return users;
    }

    #region Methods
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }
    #endregion
}

C#

private ObservableCollection<User> _users;
public ObservableCollection<User> Users
{
    get { return _users; }
    set
    {
        if (value != _users)
            _users = value;
        OnPropertyChanged("Users");
    }
}

User _user;
public User SelectedUserID
{
    get { return _user; }
    set
    {
        _user = value;
        OnPropertyChanged("SelectedUserID");
        //MessageBox.Show("Do your Task with " + value.UserID);
    }
}

Thanks for any help and suggestion to this thread
I really appreciate it..
now I can die in peace.. Wink | ;)