New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Increase Win10 ToggleSwitch Default Margins #2770

Closed
RichiCoder1 opened this Issue Dec 18, 2016 · 1 comment

Comments

Projects
None yet
2 participants
@RichiCoder1

RichiCoder1 commented Dec 18, 2016

Increase the Header and Content default margins up from 2 & 3 to something closer to 9 to match the spacing on Windows 10 toggles.

Example

@punker76 punker76 added this to the 1.5.0 milestone Dec 22, 2016

@punker76 punker76 self-assigned this Dec 22, 2016

@punker76 punker76 modified the milestones: 1.4.2, 1.5.0 Jan 28, 2017

@punker76 punker76 closed this in ae9249b Jan 28, 2017

@punker76

This comment has been minimized.

Show comment
Hide comment
@punker76

punker76 Jan 28, 2017

Member

@RichiCoder1 It's possible with v1.4.2 to change this via Padding property. I will change this finally in 1.5.0 or later, cause it's a breaking change (not hard but ui). So do this and you got it...

<Style x:Key="Custom.ToggleSwitch.Win10"
       BasedOn="{StaticResource MahApps.Metro.Styles.ToggleSwitch.Win10}"
       TargetType="{x:Type Controls:ToggleSwitch}">
    <Setter Property="Padding" Value="0 0 10 0" />
    <Style.Triggers>
        <Trigger Property="ContentDirection" Value="RightToLeft">
            <Setter Property="Padding" Value="10 0 0 0" />
        </Trigger>
    </Style.Triggers>
</Style>
Member

punker76 commented Jan 28, 2017

@RichiCoder1 It's possible with v1.4.2 to change this via Padding property. I will change this finally in 1.5.0 or later, cause it's a breaking change (not hard but ui). So do this and you got it...

<Style x:Key="Custom.ToggleSwitch.Win10"
       BasedOn="{StaticResource MahApps.Metro.Styles.ToggleSwitch.Win10}"
       TargetType="{x:Type Controls:ToggleSwitch}">
    <Setter Property="Padding" Value="0 0 10 0" />
    <Style.Triggers>
        <Trigger Property="ContentDirection" Value="RightToLeft">
            <Setter Property="Padding" Value="10 0 0 0" />
        </Trigger>
    </Style.Triggers>
</Style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment