|
42 | 42 | <Grid.RowDefinitions> |
43 | 43 | <RowDefinition Height="Auto" /> |
44 | 44 | <RowDefinition Height="Auto" /> |
| 45 | + <RowDefinition Height="Auto" /> |
45 | 46 | </Grid.RowDefinitions> |
46 | 47 |
|
47 | 48 | <Grid.ColumnDefinitions> |
|
132 | 133 | </materialDesign:Card> |
133 | 134 | </smtx:XamlDisplay> |
134 | 135 |
|
| 136 | + <smtx:XamlDisplay Grid.Row="2" |
| 137 | + Grid.Column="0" |
| 138 | + Margin="4,24,0,0" |
| 139 | + UniqueKey="expander_3"> |
| 140 | + <materialDesign:Card> |
| 141 | + <StackPanel> |
| 142 | + <Expander HorizontalAlignment="Stretch" Header="Expander Example 3a"> |
| 143 | + <Expander.Style> |
| 144 | + <Style TargetType="Expander" BasedOn="{StaticResource MaterialDesignExpander}"> |
| 145 | + <Setter Property="materialDesign:ExpanderAssist.ExpanderButtonContent" Value="{materialDesign:PackIcon Kind=Plus}" /> |
| 146 | + <Style.Triggers> |
| 147 | + <Trigger Property="IsExpanded" Value="True"> |
| 148 | + <Setter Property="materialDesign:ExpanderAssist.ExpanderButtonContent" Value="{materialDesign:PackIcon Kind=Minus}" /> |
| 149 | + </Trigger> |
| 150 | + </Style.Triggers> |
| 151 | + </Style> |
| 152 | + </Expander.Style> |
| 153 | + <StackPanel Margin="24,8,24,16" |
| 154 | + Orientation="Vertical" |
| 155 | + TextBlock.Foreground="{DynamicResource MaterialDesignBody}"> |
| 156 | + <TextBlock Text="Your Content" /> |
| 157 | + <TextBlock Style="{StaticResource HorizontalExpanderContentTextBlock}" /> |
| 158 | + </StackPanel> |
| 159 | + </Expander> |
| 160 | + |
| 161 | + <Border Style="{StaticResource HorizontalDividerBorder}" /> |
| 162 | + |
| 163 | + <Expander HorizontalAlignment="Stretch" |
| 164 | + materialDesign:ExpanderAssist.ExpanderButtonPosition="Start"> |
| 165 | + <Expander.Header> |
| 166 | + <TextBlock Text="Expander Example 3b" Margin="10,0,0,0" /> |
| 167 | + </Expander.Header> |
| 168 | + <StackPanel Margin="24,8,24,16" |
| 169 | + Orientation="Vertical" |
| 170 | + TextBlock.Foreground="{DynamicResource MaterialDesignBody}"> |
| 171 | + <TextBlock Text="Your Content" /> |
| 172 | + <TextBlock Style="{StaticResource HorizontalExpanderContentTextBlock}" /> |
| 173 | + </StackPanel> |
| 174 | + </Expander> |
| 175 | + |
| 176 | + <Border Style="{StaticResource HorizontalDividerBorder}" /> |
| 177 | + |
| 178 | + <Expander HorizontalAlignment="Stretch" Header="Expander Example 3b" materialDesign:ExpanderAssist.ExpanderButtonPosition="End"> |
| 179 | + <StackPanel Margin="24,8,24,16" |
| 180 | + Orientation="Vertical" |
| 181 | + TextBlock.Foreground="{DynamicResource MaterialDesignBody}"> |
| 182 | + <TextBlock Text="Your Content" /> |
| 183 | + <TextBlock Style="{StaticResource HorizontalExpanderContentTextBlock}" /> |
| 184 | + </StackPanel> |
| 185 | + </Expander> |
| 186 | + </StackPanel> |
| 187 | + </materialDesign:Card> |
| 188 | + </smtx:XamlDisplay> |
135 | 189 |
|
136 | 190 | <smtx:XamlDisplay Grid.Row="0" |
137 | | - Grid.RowSpan="2" |
| 191 | + Grid.RowSpan="3" |
138 | 192 | Grid.Column="1" |
139 | 193 | Margin="8" |
140 | 194 | HorizontalAlignment="Left" |
141 | 195 | VerticalAlignment="Stretch" |
142 | | - UniqueKey="expander_3"> |
| 196 | + UniqueKey="expander_4"> |
143 | 197 | <StackPanel Orientation="Horizontal"> |
144 | 198 | <Expander ExpandDirection="Left"> |
145 | 199 | <Expander.Header> |
146 | | - <TextBlock RenderTransformOrigin=".5,.5" Text="Expander Example 3a"> |
| 200 | + <TextBlock RenderTransformOrigin=".5,.5" Text="Expander Example 4a"> |
147 | 201 | <TextBlock.LayoutTransform> |
148 | 202 | <RotateTransform Angle="90" /> |
149 | 203 | </TextBlock.LayoutTransform> |
|
162 | 216 |
|
163 | 217 | <Expander ExpandDirection="Right"> |
164 | 218 | <Expander.Header> |
165 | | - <TextBlock RenderTransformOrigin=".5,.5" Text="Expander Example 3b"> |
| 219 | + <TextBlock RenderTransformOrigin=".5,.5" Text="Expander Example 4b"> |
166 | 220 | <TextBlock.LayoutTransform> |
167 | 221 | <RotateTransform Angle="90" /> |
168 | 222 | </TextBlock.LayoutTransform> |
|
179 | 233 |
|
180 | 234 | <Border Style="{StaticResource VerticalDividerBorder}" /> |
181 | 235 |
|
182 | | - <Expander ExpandDirection="Right"> |
| 236 | + <Expander ExpandDirection="Right" materialDesign:ExpanderAssist.ExpanderButtonPosition="End"> |
183 | 237 | <Expander.Header> |
184 | | - <TextBlock RenderTransformOrigin=".5,.5" Text="Expander Example 3c"> |
| 238 | + <TextBlock RenderTransformOrigin=".5,.5" Text="Expander Example 4c"> |
185 | 239 | <TextBlock.LayoutTransform> |
186 | 240 | <RotateTransform Angle="90" /> |
187 | 241 | </TextBlock.LayoutTransform> |
|
198 | 252 |
|
199 | 253 | <Border Style="{StaticResource VerticalDividerBorder}" /> |
200 | 254 |
|
| 255 | + <Expander ExpandDirection="Right" materialDesign:ExpanderAssist.ExpanderButtonPosition="Start"> |
| 256 | + <Expander.Style> |
| 257 | + <Style TargetType="Expander" BasedOn="{StaticResource MaterialDesignExpander}"> |
| 258 | + <Setter Property="materialDesign:ExpanderAssist.ExpanderButtonContent" Value="{materialDesign:PackIcon Kind=Plus}" /> |
| 259 | + <Style.Triggers> |
| 260 | + <Trigger Property="IsExpanded" Value="True"> |
| 261 | + <Setter Property="materialDesign:ExpanderAssist.ExpanderButtonContent" Value="{materialDesign:PackIcon Kind=Minus}" /> |
| 262 | + </Trigger> |
| 263 | + </Style.Triggers> |
| 264 | + </Style> |
| 265 | + </Expander.Style> |
| 266 | + <Expander.Header> |
| 267 | + <TextBlock RenderTransformOrigin=".5,.5" Text="Expander Example 4d" HorizontalAlignment="Left"> |
| 268 | + <TextBlock.LayoutTransform> |
| 269 | + <RotateTransform Angle="90" /> |
| 270 | + </TextBlock.LayoutTransform> |
| 271 | + </TextBlock> |
| 272 | + </Expander.Header> |
| 273 | + |
| 274 | + <StackPanel Margin="8,24,16,24" |
| 275 | + Orientation="Vertical" |
| 276 | + TextBlock.Foreground="{DynamicResource MaterialDesignBody}"> |
| 277 | + <TextBlock Text="Your Content" /> |
| 278 | + <TextBlock Style="{StaticResource VerticalExpanderContentTextBlock}" /> |
| 279 | + </StackPanel> |
| 280 | + </Expander> |
| 281 | + |
| 282 | + <Border Style="{StaticResource VerticalDividerBorder}" /> |
| 283 | + |
201 | 284 | <Expander materialDesign:ExpanderAssist.VerticalHeaderPadding="0,35,0,5" ExpandDirection="Right"> |
202 | 285 | <Expander.Header> |
203 | 286 | <TextBlock RenderTransformOrigin=".5,.5" Text="Custom Header Padding"> |
|
0 commit comments