MultiDataTrigger make stack panel children visible and colappsed

Question

I have several properites that if that values are true,

I want the stack panel children to be visible if true. and collapsed if false.

as far as I understood I need to use MultiDataTriigers and condition.

however I am not sure where to put the setter protpery to Collapsed.

ataching ma XAML code:

<Style x:Key="ShowHideStyle" TargetType="StackPanel" >
        <Style.Triggers>
            <MultiDataTrigger>
            <MultiDataTrigger.Conditions>
                    <Condition Value="True">
                        <Condition.Binding>
                            <MultiBinding Converter="{StaticResource V_converter }">
                                <Binding Path="Type"></Binding>
                                <Binding Path="NodeID"></Binding>
                                <Binding Path="TLV"></Binding>
                            </MultiBinding>
                        </Condition.Binding>
                    </Condition>
                </MultiDataTrigger.Conditions>

                <MultiDataTrigger.Setters>
                    <Setter Property="Visibility" Value="Visible" />
                </MultiDataTrigger.Setters>                    
               </MultiDataTrigger>
        </Style.Triggers>
    </Style>

Seems you found an answer, but here's some remark: if your `V_converter` is returning a visibility, don't trigger anything, just go ``. — grek40, Jan 22 '17 at 13:02

score 1 · Accepted Answer · answered Jan 22 '17 at 11:51

1

You could bind to several properties using a MultiBinding and set the Visibility property of the StackPanel to Visible only if the converter class that implements the IMultiValueConverter interface returns true:

<Style x:Key="ShowHideStyle" TargetType="StackPanel">
    <!-- default Visibility: -->
    <Setter Property="Visibility" Value="Collapsed" />
    <Style.Triggers>
        <DataTrigger Value="True">
            <DataTrigger.Binding>
                <MultiBinding Converter="{StaticResource V_converter}">
                    <Binding Path="Type" />
                    <Binding Path="NodeID" />
                    <Binding Path="TLV" />
                </MultiBinding>
            </DataTrigger.Binding>
            <Setter Property="Visibility" Value="Visible" />
        </DataTrigger>
    </Style.Triggers>
</Style>

answered Jan 22 '17 at 11:51

mm8

163,881
10
57
88

when I copy this code everthing is collapsed. and does not affect by the properites. – ברק רוזנפלד Jan 22 '17 at 12:00
How is your converter class implemented then? Does it return true when StackPanel should be visible? – mm8 Jan 22 '17 at 12:03
it return System.Windows.Visibility.Visible – ברק רוזנפלד Jan 22 '17 at 12:08
Change the value of the DataTrigger then: . Or better yet return a Boolean value (true or false) from the converter. – mm8 Jan 22 '17 at 12:10
however what I was hopefully it will do. is to collapsed all the children and it just hide them. – ברק רוזנפלד Jan 22 '17 at 12:17
Collapse means hide in the context of a StackPanel. If you want to be able to expand/collapse you should use an Expander. But that's another story. Please ask a new question if you have a new issue. – mm8 Jan 22 '17 at 12:21
Thank you will open a new question. – ברק רוזנפלד Jan 22 '17 at 12:29

Blam · Answer 2 · 2017-01-22T11:53:21.067

Would something like the following work - Defaulting to collapsed? My WPF is a bit rusty but something like the following:

<Style x:Key="ShowHideStyle" TargetType="StackPanel" >
    <Style.Setters>
        <Setter Property="Visibility" Value="Collapsed" />
    </Style.Setters>
    <Style.Triggers>
        <MultiDataTrigger>
        <MultiDataTrigger.Conditions>
                <Condition Value="True">
                    <Condition.Binding>
                        <MultiBinding Converter="{StaticResource V_converter }">
                            <Binding Path="Type"></Binding>
                            <Binding Path="NodeID"></Binding>
                            <Binding Path="TLV"></Binding>
                        </MultiBinding>
                    </Condition.Binding>
                </Condition>
            </MultiDataTrigger.Conditions>

            <MultiDataTrigger.Setters>
                <Setter Property="Visibility" Value="Visible" />
            </MultiDataTrigger.Setters>                    
           </MultiDataTrigger>
    </Style.Triggers>
</Style>

Note the second line and the line below the Visibility setter.

when I copy this code everthing is collapsed. and does not affect by the properites. — ברק רוזנפלד, Jan 22 '17 at 11:56

MultiDataTrigger make stack panel children visible and colappsed

2 Answers2