{"id":1854,"date":"2015-06-16T06:20:39","date_gmt":"2015-06-16T06:20:39","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=1854"},"modified":"2015-08-01T18:43:08","modified_gmt":"2015-08-01T18:43:08","slug":"how-to-properly-set-the-basedon-in-xaml-style","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/stack-overflow\/how-to-properly-set-the-basedon-in-xaml-style\/","title":{"rendered":"How to properly set the BasedOn in XAML style"},"content":{"rendered":"

\"profile<\/a>
\nI’m a big fan of Stack Overflow<\/a> and I tend to contribute regularly (am currently in the top 0.X%<\/a>).\u00a0In this category (stackoverflow<\/a>)\u00a0of posts I will will be posting my top rated questions and answers. This, btw, is allowed as explained in the meta thread here<\/a>.<\/p>\n

My question<\/a> was:<\/p>\n

I have this as the style template:<\/p>\n

<Style x:Key=\"myDogToggleButton1\" TargetType=\"ToggleButton\" BasedOn=\"{x:Null}\">\r\n    <Setter Property=\"FocusVisualStyle\" Value=\"{x:Null}\"\/>\r\n    <Setter Property=\"Template\">\r\n        <Setter.Value>\r\n            <ControlTemplate TargetType=\"ToggleButton\">\r\n                <Grid>\r\n                    <Image Name=\"Normal\" Source=\"\/images\/dogs\/dog1.png\"\/>\r\n                    <Image Name=\"Pressed\" Source=\"\/images\/dogs\/dog3.png\" Visibility=\"Hidden\"\/>\r\n                    <Image Name=\"Disabled\" Source=\"images\/dogs\/dog5.png\" Visibility=\"Hidden\"\/>\r\n                <\/Grid>\r\n                <ControlTemplate.Triggers>\r\n                    <Trigger Property=\"IsPressed\" Value=\"True\">\r\n                        <Setter TargetName=\"Normal\" Property=\"Visibility\" Value=\"Hidden\"\/>\r\n                        <Setter TargetName=\"Pressed\" Property=\"Visibility\" Value=\"Visible\"\/>\r\n                    <\/Trigger>\r\n                    <Trigger Property=\"IsEnabled\" Value=\"False\">\r\n                        <Setter TargetName=\"Normal\" Property=\"Visibility\" Value=\"Hidden\"\/>\r\n                        <Setter TargetName=\"Disabled\" Property=\"Visibility\" Value=\"Visible\"\/>\r\n                    <\/Trigger>\r\n                <\/ControlTemplate.Triggers>\r\n            <\/ControlTemplate>\r\n        <\/Setter.Value>\r\n    <\/Setter>\r\n<\/Style><\/pre>\n
And now I want another one which is based on the upper one, and this doesn’t work:<\/p>\n
<Style x:Key=\"myDogToggleButton2\" TargetType=\"ToggleButton\" BasedOn=\"{DynamicResource myDogToggleButton1}\">\r\n    <Setter Property=\"Normal\" Value=\"\/images\/dogs\/dog2.png\" \/>\r\n    <Setter Property=\"Pressed\" Value=\"\/images\/dogs\/dog2.png\" \/>\r\n    <Setter Property=\"Disabled\" Value=\"\/images\/dogs\/dog2.png\" \/>\r\n<\/Style><\/pre>\n
The error message I get is:<\/p>\n
The member \"Pressed\" is not recognized or is not accessible.\r\nThe member \"Normal\" is not recognized or is not accessible.\r\nThe member \"Disabled\" is not recognized or is not accessible.<\/pre>\n
I suspect that my different style calling is wrong, so please point out the error.<\/p>\n
The answer, by user Heena Patil<\/a>, was:<\/p>\n
Try this<\/p>\n
Resource<\/strong><\/p>\n
<Window.Resources>\r\n    <Style x:Key=\"myDogToggleButton1\" TargetType=\"ToggleButton\">\r\n        <Style.Resources>\r\n            <BitmapImage x:Key=\"Normal\" UriSource=\"Images\/darblue_tab.png\"\/>\r\n            <BitmapImage x:Key=\"Pressed\" UriSource=\"Images\/img-whitebg.png\" \/>\r\n            <BitmapImage x:Key=\"Disabled\" UriSource=\"Images\/img-greenbg.png\"\/>\r\n        <\/Style.Resources>\r\n        <Setter Property=\"FocusVisualStyle\" Value=\"{x:Null}\"\/>\r\n        <Setter Property=\"Template\">\r\n            <Setter.Value>\r\n                <ControlTemplate TargetType=\"ToggleButton\">\r\n                    <Grid>\r\n                        <Image Name=\"Normal\" Source=\"{DynamicResource ResourceKey=Normal}\" Stretch=\"Fill\"\/>\r\n                        <Image Name=\"Pressed\" Source=\"{DynamicResource ResourceKey=Pressed}\" Visibility=\"Hidden\"\/>\r\n                        <Image Name=\"Disabled\" Source=\"{DynamicResource ResourceKey=Disabled}\" Visibility=\"Hidden\"\/>\r\n                    <\/Grid>\r\n                    <ControlTemplate.Triggers>\r\n                        <Trigger Property=\"IsPressed\" Value=\"True\">\r\n                            <Setter TargetName=\"Normal\" Property=\"Visibility\" Value=\"Hidden\"\/>\r\n                            <Setter TargetName=\"Pressed\" Property=\"Visibility\" Value=\"Visible\"\/>\r\n                        <\/Trigger>\r\n                        <Trigger Property=\"IsEnabled\" Value=\"False\">\r\n                            <Setter TargetName=\"Normal\" Property=\"Visibility\" Value=\"Hidden\"\/>\r\n                            <Setter TargetName=\"Disabled\" Property=\"Visibility\" Value=\"Visible\"\/>\r\n                        <\/Trigger>\r\n                    <\/ControlTemplate.Triggers>\r\n                <\/ControlTemplate>\r\n            <\/Setter.Value>\r\n        <\/Setter>\r\n    <\/Style>\r\n    <Style x:Key=\"myDogToggleButton2\" TargetType=\"ToggleButton\" BasedOn=\"{StaticResource myDogToggleButton1}\">\r\n        <Style.Resources>\r\n            <BitmapImage x:Key=\"Normal\" UriSource=\"Images\/img-darkbg.png\" \/>\r\n            <BitmapImage x:Key=\"Pressed\" UriSource=\"Images\/Screenshot_5.png\"\/>\r\n            <BitmapImage x:Key=\"Disabled\" UriSource=\"Images\/img-bluebg.png\"\/>\r\n        <\/Style.Resources>\r\n    <\/Style>\r\n<\/Window.Resources><\/pre>\n
Xaml<\/strong><\/p>\n
<Grid>\r\n    <ToggleButton HorizontalAlignment=\"Left\" Style=\"{StaticResource myDogToggleButton1}\"\/>\r\n    <ToggleButton  HorizontalAlignment=\"Right\" Style=\"{StaticResource myDogToggleButton2}\"\/>\r\n<\/Grid><\/pre>\n
Update<\/strong> Using single style.<\/p>\n
<Grid>\r\n    <ToggleButton Height=\"300\" Width=\"300\" HorizontalAlignment=\"Left\" Style=\"{StaticResource myDogToggleButton1}\"\/>\r\n    <ToggleButton  Height=\"300\" Width=\"300\" Style=\"{StaticResource myDogToggleButton1}\" HorizontalAlignment=\"Right\">\r\n        <ToggleButton.Resources>\r\n            <BitmapImage x:Key=\"Normal\" UriSource=\"Images\/img-darkbg.png\" \/>\r\n            <BitmapImage x:Key=\"Pressed\" UriSource=\"Images\/Screenshot_5.png\"\/>\r\n            <BitmapImage x:Key=\"Disabled\" UriSource=\"Images\/img-bluebg.png\"\/>\r\n        <\/ToggleButton.Resources>\r\n    <\/ToggleButton>\r\n<\/Grid><\/pre>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"
I’m a big fan of Stack Overflow and I tend to contribute regularly (am currently in the top 0.X%).\u00a0In this category (stackoverflow)\u00a0of posts I will will be posting…<\/p>\n","protected":false},"author":1,"featured_media":609,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[],"class_list":["post-1854","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-stack-overflow"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/comments?post=1854"}],"version-history":[{"count":1,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1854\/revisions"}],"predecessor-version":[{"id":1855,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1854\/revisions\/1855"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media\/609"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=1854"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=1854"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=1854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}