C#•14mo ago

✅ Working on a WPF Project, how can I get what StackPanel is selected?

Working on a WPF Project, how can I get what StackPanel is selected by the user and save it to use it in my class?

    <Style TargetType="ListViewItem">
        <Setter Property="Cursor" Value="Hand"/>
        
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <StackPanel Orientation="Horizontal" Margin="4" MinHeight="25" Background="{TemplateBinding Background}">
                        <Image Width="34" RenderOptions.BitmapScalingMode="Fant" Source="{Binding Image}"/>
                        <TextBlock Text="{Binding Country}" Margin="4,0,0,0" VerticalAlignment="Center"/>
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#1E1E1E"/>
            </Trigger>
            
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="#1E1E1E"/>
            </Trigger>
        </Style.Triggers>
    </Style>

    <Style TargetType="ListViewItem">
        <Setter Property="Cursor" Value="Hand"/>
        
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <StackPanel Orientation="Horizontal" Margin="4" MinHeight="25" Background="{TemplateBinding Background}">
                        <Image Width="34" RenderOptions.BitmapScalingMode="Fant" Source="{Binding Image}"/>
                        <TextBlock Text="{Binding Country}" Margin="4,0,0,0" VerticalAlignment="Center"/>
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#1E1E1E"/>
            </Trigger>
            
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="#1E1E1E"/>
            </Trigger>
        </Style.Triggers>
    </Style>

79 Replies

PhilipOP•14mo ago

I want to implement it here:

        public ProtectionViewModel()
        {
            Servers = new ObservableCollection<ServerModel>();
            {
                Servers.Add(new ServerModel
                {
                    Country = "Germany",
                    Image = "https://tse2.mm.bing.net/th?id=OIP.xp_gP4N6JVcGfHcGVr7acgHaD6",
                    Config = "--config ./VPN/de-udp6.ovpn"
            });
                Servers.Add(new ServerModel
                {
                    Country = "United States",
                    Image = "https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/2560px-Flag_of_the_United_States.svg.png",
                    Config = "--config ./VPN/us-udp6.ovpn"
                });
            }

            ConnectCommand = new RelayCommand(o =>
            {

                ConnectionStatus = "Connecting...";
                var process = new Process();
                ProcessStartInfo startInfo = new ProcessStartInfo();
                startInfo.FileName = @"C:\Program Files\OpenVPN\bin\openvpn.exe";
                startInfo.Arguments = "--config ./VPN/de-udp6.ovpn";
                startInfo.Verb = "runas";
                startInfo.UseShellExecute = true;
                process.StartInfo = startInfo;
                process.Start();
                process.WaitForExit();
                ConnectionStatus = "Connected";

            });
        }

        public ProtectionViewModel()
        {
            Servers = new ObservableCollection<ServerModel>();
            {
                Servers.Add(new ServerModel
                {
                    Country = "Germany",
                    Image = "https://tse2.mm.bing.net/th?id=OIP.xp_gP4N6JVcGfHcGVr7acgHaD6",
                    Config = "--config ./VPN/de-udp6.ovpn"
            });
                Servers.Add(new ServerModel
                {
                    Country = "United States",
                    Image = "https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/2560px-Flag_of_the_United_States.svg.png",
                    Config = "--config ./VPN/us-udp6.ovpn"
                });
            }

            ConnectCommand = new RelayCommand(o =>
            {

                ConnectionStatus = "Connecting...";
                var process = new Process();
                ProcessStartInfo startInfo = new ProcessStartInfo();
                startInfo.FileName = @"C:\Program Files\OpenVPN\bin\openvpn.exe";
                startInfo.Arguments = "--config ./VPN/de-udp6.ovpn";
                startInfo.Verb = "runas";
                startInfo.UseShellExecute = true;
                process.StartInfo = startInfo;
                process.Start();
                process.WaitForExit();
                ConnectionStatus = "Connected";

            });
        }

Please let me know, if you need more information.

Pobiega•14mo ago

Selected? Panels don't have a "selected" mode. Did you mean focused?

PhilipOP•14mo ago

StackPanels in Xaml I put the wrong code in the first one, my bad.

<Trigger Property="IsSelected" Value="True">
    <Setter Property="Background" Value="#1E1E1E"/>
</Trigger>

<Trigger Property="IsSelected" Value="True">
    <Setter Property="Background" Value="#1E1E1E"/>
</Trigger>

Pobiega•14mo ago

there is no IsSelected property on a stack panel I don't know how else I can put this. They can't be selected. They are not selectable. Did you mean IsFocused?

PhilipOP•14mo ago

Uhm, maybe I'm calling it the wrong thing 😅 When I click on it, it says selected With this code

Pobiega•14mo ago

Ah, I see you have a ListView with each row being populated with a stack its the ListViewItem that has the IsSelected property not the panel itself

PhilipOP•14mo ago

Ah, okay. Can I somehow track which Item is selected and use it in my function?

Pobiega•14mo ago

absolutely

PhilipOP•14mo ago

Awesome! Mind helping me a little? 😅

Pobiega•14mo ago

you're using MVVM, so just bind the SelectedItem property on the list itself

PhilipOP•14mo ago

I'm kinda lost when it comes to C#... 😅 Mostly followed a tutorial to come to where I'm at on this project and I roughly understand what I'm doing. I know how to bind it, so I can change the value of the element but not the otherway around. 😅 Do you maybe mind helping? :)

Pobiega•14mo ago

Well, you know how to bind it, so do that first

PhilipOP•14mo ago

The value, right?

Pobiega•14mo ago

I obviously don't mind helping, as I already am helping? 😛 what value? SelectedItem on your listview

PhilipOP•14mo ago

Totally lost, I would not be binding the value of IsSelected?

Pobiega•14mo ago

wh.. what are you doing? Those are not MVVM bindings

PhilipOP•14mo ago

Good question 😂 Where am I doing that? 😭

Pobiega•14mo ago

well, first you make a property in your viewmodel that will hold the bound value SelectedItem on ListView is of type object, so you might need the binding to also be object ?

PhilipOP•14mo ago

in ProtectionViewModel.cs

PhilipOP•14mo ago

Correct?

Pobiega•14mo ago

string is not correct

PhilipOP•14mo ago

bool?

Pobiega•14mo ago

object

MODiX•14mo ago

Pobiega

SelectedItem on ListView is of type object, so you might need the binding to also be object

Quoted by

<@105026391237480448> from #Working on a WPF Project, how can I get what StackPanel is selected? (click here)

React with ❌ to remove this embed.

PhilipOP•14mo ago

Never worked with an object? Is it for true or false? or?

Pobiega•14mo ago

... what the fuck is this your first day of C#? what are you doing making WPF apps

PhilipOP•14mo ago

Good question.

Pobiega•14mo ago

WPF with MVVM isn't really beginner level topics lol

PhilipOP•14mo ago

Yeah I kinda figured out 😂 Well. I have the object now.

PhilipOP•14mo ago

I've used it for WinForms a lot before, but never made any console apps etc.

Pobiega•14mo ago

okay, now you need to set up a binding <ListView SelectedItem="{Binding SelectedItem}">

PhilipOP•14mo ago

Am I stupid or is it now how my code is formatted?

    <Style TargetType="ListViewItem">
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <StackPanel Orientation="Horizontal" Margin="4" MinHeight="25" Background="{TemplateBinding Background}">
                        <Image Width="34" RenderOptions.BitmapScalingMode="Fant" Source="{Binding Image}"/>
                        <TextBlock Text="{Binding Country}" Margin="4,0,0,0" VerticalAlignment="Center"/>
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#1E1E1E"/>
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="#1E1E1E"/>
            </Trigger>
        </Style.Triggers>
    </Style>

    <Style TargetType="ListViewItem">
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <StackPanel Orientation="Horizontal" Margin="4" MinHeight="25" Background="{TemplateBinding Background}">
                        <Image Width="34" RenderOptions.BitmapScalingMode="Fant" Source="{Binding Image}"/>
                        <TextBlock Text="{Binding Country}" Margin="4,0,0,0" VerticalAlignment="Center"/>
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="Transparent"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#1E1E1E"/>
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="#1E1E1E"/>
            </Trigger>
        </Style.Triggers>
    </Style>

PhilipOP•14mo ago

Also this would be needed, right?

Pobiega•14mo ago

not really thats only if you need a two-way binding

PhilipOP•14mo ago

Oh well 😅

Pobiega•14mo ago

I assume you dont actually want to force set items in the view

PhilipOP•14mo ago

Yeah, correct.

Pobiega•14mo ago

so if you just want to know whats selected, a one way is fine

PhilipOP•14mo ago

Alright.

Pobiega•14mo ago

you keep showing your style I dont care about your style where is your ACTUAL xaml?

PhilipOP•14mo ago

Ahh

Pobiega•14mo ago

here is mine

<Button Command="{Binding ShowSelectedItemCommand}">Click me</Button>

<ListView ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem}">
</ListView>

<Button Command="{Binding ShowSelectedItemCommand}">Click me</Button>

<ListView ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem}">
</ListView>

and here is my viewmodel

PhilipOP•14mo ago

There we go

Pobiega•14mo ago

public partial class MainWindowViewModel : ObservableObject
{
    [ObservableProperty]
    private ObservableCollection<string> items = new ObservableCollection<string>()
    {
        "hello",
        "there"
    };

    [ObservableProperty]
    private object? selectedItem;

    [RelayCommand]
    private void ShowSelectedItem()
    {
        MessageBox.Show(SelectedItem?.ToString() ?? "nothing");
    }
}

public partial class MainWindowViewModel : ObservableObject
{
    [ObservableProperty]
    private ObservableCollection<string> items = new ObservableCollection<string>()
    {
        "hello",
        "there"
    };

    [ObservableProperty]
    private object? selectedItem;

    [RelayCommand]
    private void ShowSelectedItem()
    {
        MessageBox.Show(SelectedItem?.ToString() ?? "nothing");
    }
}

PhilipOP•14mo ago

Pobiega•14mo ago

note that I'm using a helper package to not have to write the annoying parts 😄 that what the attributes do for me

PhilipOP•14mo ago

Alright

PhilipOP•14mo ago

Pobiega•14mo ago

oh okay, you're actually using a proper ItemSource nice

PhilipOP•14mo ago

Yeah 👍 I know what that means. ;)

Pobiega•14mo ago

so the SelectedItem property is now actually populated by your ServerModel instance that is the source for your row from here

           Servers = new ObservableCollection<ServerModel>();
            {
                Servers.Add(new ServerModel
                {
                    Country = "Germany",
                    Image = "https://tse2.mm.bing.net/th?id=OIP.xp_gP4N6JVcGfHcGVr7acgHaD6",
                    Config = "--config ./VPN/de-udp6.ovpn"
            });
                Servers.Add(new ServerModel
                {
                    Country = "United States",
                    Image = "https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/2560px-Flag_of_the_United_States.svg.png",
                    Config = "--config ./VPN/us-udp6.ovpn"
                });
            }

           Servers = new ObservableCollection<ServerModel>();
            {
                Servers.Add(new ServerModel
                {
                    Country = "Germany",
                    Image = "https://tse2.mm.bing.net/th?id=OIP.xp_gP4N6JVcGfHcGVr7acgHaD6",
                    Config = "--config ./VPN/de-udp6.ovpn"
            });
                Servers.Add(new ServerModel
                {
                    Country = "United States",
                    Image = "https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/2560px-Flag_of_the_United_States.svg.png",
                    Config = "--config ./VPN/us-udp6.ovpn"
                });
            }

PhilipOP•14mo ago

So I would need a variable in here?

PhilipOP•14mo ago

Pobiega•14mo ago

for what?

PhilipOP•14mo ago

Nvm 😅

Pobiega•14mo ago

you have access to all the data in there already

PhilipOP•14mo ago

Okay

Pobiega•14mo ago

for the selected row

PhilipOP•14mo ago

Ah okay So I can use the Binding from inside the Server Model now?

Pobiega•14mo ago

yes, its the SelectedItem property I'd set it to object? btw since technically nothing might be selected You could even add a helper property now public ServerModel? SelectedServerModel => (ServerModel?)SelectedItem; that way you don't need to cast SelectedItem

PhilipOP•14mo ago

Uhm I'm completely lost again 😂 How do I implement it now?

        public ProtectionViewModel()
        {
            Servers = new ObservableCollection<ServerModel>();
            {
                Servers.Add(new ServerModel
                {
                    Country = "Germany",
                    Image = "https://tse2.mm.bing.net/th?id=OIP.xp_gP4N6JVcGfHcGVr7acgHaD6",
                    Config = "--config ./VPN/de-udp6.ovpn"
            });
                Servers.Add(new ServerModel
                {
                    Country = "United States",
                    Image = "https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/2560px-Flag_of_the_United_States.svg.png",
                    Config = "--config ./VPN/us-udp6.ovpn"
                });
            }

            ConnectCommand = new RelayCommand(o =>
            {

                ConnectionStatus = "Connecting...";
                var process = new Process();
                ProcessStartInfo startInfo = new ProcessStartInfo();
                startInfo.FileName = @"C:\Program Files\OpenVPN\bin\openvpn.exe";
                startInfo.Arguments = "--config ./VPN/de-udp6.ovpn";
                startInfo.Verb = "runas";
                startInfo.UseShellExecute = true;
                process.StartInfo = startInfo;
                process.Start();
                process.WaitForExit();
                ConnectionStatus = "Connected";
                ShowSelectedItem();

            });
        }

        public ProtectionViewModel()
        {
            Servers = new ObservableCollection<ServerModel>();
            {
                Servers.Add(new ServerModel
                {
                    Country = "Germany",
                    Image = "https://tse2.mm.bing.net/th?id=OIP.xp_gP4N6JVcGfHcGVr7acgHaD6",
                    Config = "--config ./VPN/de-udp6.ovpn"
            });
                Servers.Add(new ServerModel
                {
                    Country = "United States",
                    Image = "https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/2560px-Flag_of_the_United_States.svg.png",
                    Config = "--config ./VPN/us-udp6.ovpn"
                });
            }

            ConnectCommand = new RelayCommand(o =>
            {

                ConnectionStatus = "Connecting...";
                var process = new Process();
                ProcessStartInfo startInfo = new ProcessStartInfo();
                startInfo.FileName = @"C:\Program Files\OpenVPN\bin\openvpn.exe";
                startInfo.Arguments = "--config ./VPN/de-udp6.ovpn";
                startInfo.Verb = "runas";
                startInfo.UseShellExecute = true;
                process.StartInfo = startInfo;
                process.Start();
                process.WaitForExit();
                ConnectionStatus = "Connected";
                ShowSelectedItem();

            });
        }

I want it to check which country is selected and then change the

startInfo.Arguments = "--config ./VPN/de-udp6.ovpn";

startInfo.Arguments = "--config ./VPN/de-udp6.ovpn";

dependent on the Item selected. This right?

PhilipOP•14mo ago

Pobiega•14mo ago

I'm so confused

PhilipOP•14mo ago

Me included. 😅

Pobiega•14mo ago

you are sharing only snippets and tiny screenshots of parts of your code its a nightmare to work like that

PhilipOP•14mo ago

Sure I can share the whole thing.

Pobiega•14mo ago

or just, y'know, do what I say public string? SelectedServerModel => (string?)SelectedItem; add that to your viewmodel err not with string, but ServerModel then when you want to check what config is selected, you try to access SelectedServerModel and check that its not null, and then access the .Config property on the servermodel

PhilipOP•14mo ago

Easier said than done... 😅 Can I share the whole project in an easy way?

Pobiega•14mo ago

$paste

MODiX•14mo ago

If your code is too long, you can post to https://paste.mod.gg/ and copy the link into chat for others to see your shared code!

Pobiega•14mo ago

but honestly, all the hard parts are done you just need to add a property and access it thats literally it

PhilipOP•14mo ago

https://paste.mod.gg/mpuspbgpqkrn/0

BlazeBin - mpuspbgpqkrn

A tool for sharing your source code with the world!

PhilipOP•14mo ago

Where is this supposed to go?

Pobiega•14mo ago

in your viewmodel

PhilipOP•14mo ago

But it still doesn't show the selected item... 🤔 It's still this.

Pobiega•14mo ago

I have maybe 5 minutes available. Can you screenshare and we just fix this super fast, and then you promise me to stop doing WPF and learn C# before resuming?

PhilipOP•14mo ago

Sorry, Still available? Promise you this is toture for me 😂

Pobiega•14mo ago

#dev-vc-1

Gaming

Programming

✅ Working on a WPF Project, how can I get what StackPanel is selected?