CODEWITHSUNDEEP
c#wpfxamlwpf-controls
Jan
Jan

Reputation: 693

WPF: How to get Radiobuttons to display as a horizontal row of ToggleButtons

I'm currently building a UI that is going to be used in a touch panel. Therefore, I would like to display any RadioButton groups as horizontal rows of ToggleButtons. I already figured out how to display ToggleButtons instead of the standard bullet items:

    <Style x:Key="{x:Type RadioButton}" 
           TargetType="{x:Type RadioButton}" 
           BasedOn="{StaticResource {x:Type ToggleButton}}">

However, this will show a column of ToggleButtons, not a row. Do you know an easy way to do this?

Thanks a lot!

Upvotes: 8

Views: 10688

Answers (2)

Jan
Jan

Reputation: 693

Figured it out: the RadioButtons are not involved in the solution - I had to modify the ItemsControl that hosted them:

<Style x:Key="myKey" TargetType="{x:Type ItemsControl}">
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"
                            IsItemsHost="True"/>
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
</Style>

Upvotes: 3

Eugene Cheverda
Eugene Cheverda

Reputation: 8930

Put radio buttons in a StackPanel with Orientation set to Horizontal.

<StackPanel Orientation="Horizontal">
   <RadioButton Content="1"/>
   <RadioButton Content="2"/>
   <RadioButton Content="3"/>
</StackPanel >

Upvotes: 15

Related Questions