{"id":26115,"date":"2022-12-15T15:53:54","date_gmt":"2022-12-15T10:23:54","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/"},"modified":"2022-12-15T15:53:54","modified_gmt":"2022-12-15T10:23:54","slug":"solved-wpf-shaped-button-visaul-studio-blend","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/","title":{"rendered":"[Solved] WPF Shaped Button – Visaul Studio\/Blend"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

You need to create a ControlTemplate<\/a> for the Button<\/code>. This can be done both in Blend and Visual Studio. I did it in VS2015.
\nHere is your code:<\/p>\n

But, for the future, try to do some work yourself before posting the question. Include just enough code to allow others to reproduce the problem. For help with this, read How to create a Minimal, Complete, and Verifiable example.<\/p>\n

<Grid Background=\"Red\">\n    <Button Height=\"52\" Opacity=\"0.8\">\n        <Button.Style>\n            <Style TargetType=\"Button\">\n                <Setter Property=\"Background\">\n                    <Setter.Value>\n                        <LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\" >\n                            <GradientStop Color=\"#053755\" Offset=\"0\" \/>\n                            <GradientStop Color=\"#053755\" Offset=\"0.5\" \/>\n                            <GradientStop Color=\"#061F31\" Offset=\"0.5\" \/>\n                            <GradientStop Color=\"#061F31\" Offset=\"1.0\" \/>\n                        <\/LinearGradientBrush>\n                    <\/Setter.Value>\n                <\/Setter>\n                <Setter Property=\"Template\">\n                    <Setter.Value>\n                        <ControlTemplate TargetType=\"Button\">\n                            <Grid>\n                                <Grid.ColumnDefinitions>\n                                    <ColumnDefinition Width=\"Auto\"\/>\n                                    <ColumnDefinition Width=\"*\"\/>\n                                    <ColumnDefinition Width=\"Auto\"\/>\n                                <\/Grid.ColumnDefinitions>\n                                <Border Margin=\"-1,0\" Grid.Column=\"1\" Background=\"{TemplateBinding Background}\"  BorderBrush=\"{TemplateBinding BorderBrush}\" BorderThickness=\"0,1\">\n                                    <ContentPresenter VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" Content=\"{TemplateBinding Content}\"\/>\n                                <\/Border>\n                                <Path Fill=\"{TemplateBinding Background}\" Data=\"M13,0 0,25 0,27 13,52 13,52\" Stroke=\"{TemplateBinding BorderBrush}\" Width=\"13\" Stretch=\"Fill\" ClipToBounds=\"True\"\/>\n                                <Path Grid.Column=\"2\" Data=\"M0,0 13,25 13,27 0,52\" Stroke=\"{TemplateBinding BorderBrush}\" Fill=\"{TemplateBinding Background}\" Width=\"13\" Stretch=\"Fill\" ClipToBounds=\"True\"\/>\n                            <\/Grid>\n                        <\/ControlTemplate>\n                    <\/Setter.Value>\n                <\/Setter>\n            <\/Style>\n        <\/Button.Style>\n    <\/Button>\n<\/Grid>\n<\/code><\/pre>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            6<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved WPF Shaped Button – Visaul Studio\/Blend <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] You need to create a ControlTemplate for the Button. This can be done both in Blend and Visual Studio. I did it in VS2015. Here is your code: But, for the future, try to do some work yourself before posting the question. Include just enough code to allow others to reproduce the problem. For … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[324,874],"class_list":["post-26115","post","type-post","status-publish","format-standard","hentry","category-solved","tag-c","tag-wpf"],"yoast_head":"\n[Solved] WPF Shaped Button - Visaul Studio\/Blend - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] WPF Shaped Button - Visaul Studio\/Blend - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] You need to create a ControlTemplate for the Button. This can be done both in Blend and Visual Studio. I did it in VS2015. Here is your code: But, for the future, try to do some work yourself before posting the question. Include just enough code to allow others to reproduce the problem. For ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-15T10:23:54+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-wpf-shaped-button-visaul-studio-blend\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-wpf-shaped-button-visaul-studio-blend\\\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] WPF Shaped Button – Visaul Studio\\\/Blend\",\"datePublished\":\"2022-12-15T10:23:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-wpf-shaped-button-visaul-studio-blend\\\/\"},\"wordCount\":84,\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"keywords\":[\"c++\",\"wpf\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-wpf-shaped-button-visaul-studio-blend\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-wpf-shaped-button-visaul-studio-blend\\\/\",\"name\":\"[Solved] WPF Shaped Button - Visaul Studio\\\/Blend - JassWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\"},\"datePublished\":\"2022-12-15T10:23:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-wpf-shaped-button-visaul-studio-blend\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-wpf-shaped-button-visaul-studio-blend\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-wpf-shaped-button-visaul-studio-blend\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] WPF Shaped Button – Visaul Studio\\\/Blend\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\\\/\\\/jassweb.com\"],\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/author\\\/jaspritsinghghumangmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] WPF Shaped Button - Visaul Studio\/Blend - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] WPF Shaped Button - Visaul Studio\/Blend - JassWeb","og_description":"[ad_1] You need to create a ControlTemplate for the Button. This can be done both in Blend and Visual Studio. I did it in VS2015. Here is your code: But, for the future, try to do some work yourself before posting the question. Include just enough code to allow others to reproduce the problem. For ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/","og_site_name":"JassWeb","article_published_time":"2022-12-15T10:23:54+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] WPF Shaped Button – Visaul Studio\/Blend","datePublished":"2022-12-15T10:23:54+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/"},"wordCount":84,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["c++","wpf"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/","url":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/","name":"[Solved] WPF Shaped Button - Visaul Studio\/Blend - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-12-15T10:23:54+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-wpf-shaped-button-visaul-studio-blend\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] WPF Shaped Button – Visaul Studio\/Blend"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/26115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=26115"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/26115\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=26115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=26115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=26115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}