Change button styling

I have a DockPanel that has Styled Buttons to fit the look of tabs for my MultiLayoutPanel.

<DockPanel Visibility="{HomeVisibility}">
                <Button ux:InheritStyle="false" ClipToBounds="False"
                    Margin="0,0,0,4" Background="#bdc3c7" Name="self">
                    <Fuse.BasicTheme.ButtonText TextColor="#FFF" Font="RobotoMedium" Value="{Property self.Text}"

If I want to re-style the buttons inside the DockPanel ,to look like the original Button style, in my PageControl how would I do this?

I think that you should set a class to that styled button in order that only the buttons with that class are styled. Look here for information about styling:

@Casey: The easiest way to do this is to create a new Button (subclass) that you style, and use the original as is.

<Button ux:Class="NewButton">

And then:


And use:

<NewButton />

Look at this excellent answer from Remi:

Okay thankyou Juanlu and Bjorn!

Any Panel can act as button, if you want to style something from scratch :slight_smile:

That sounds good I shall try that!