{"id":9323,"date":"2011-06-28T07:16:45","date_gmt":"2011-06-28T11:16:45","guid":{"rendered":"http:\/\/info.template-help.com\/?p=9323"},"modified":"2016-04-08T06:48:33","modified_gmt":"2016-04-08T10:48:33","slug":"silverlight-how-to-create-button-and-assign-external-link","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/silverlight-how-to-create-button-and-assign-external-link.html","title":{"rendered":"Silverlight. How to create button and assign external link."},"content":{"rendered":"<p>\r\n<p>1. Open the &ldquo;<strong>TMTemplate<\/strong>&rdquo; project file  from &lsquo;<strong>\\sources\\TMTemplate<\/strong>&rsquo; folder in <strong>Microsoft Expression Blend<\/strong> program<\/p>\r\n<p>2. Locate the page on which you need to  add a button and open it in the Scene.<\/p>\r\n<p>3. Navigate to [<strong>User Control<\/strong>] panel and  click on the button symbol to create a button, then place it anywhere on the  Scene.<\/p>\r\n<p><a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/06\/silverlight_external_link_1.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/06\/silverlight_external_link_1-300x225.jpg\" alt=\"\" title=\"silverlight_external_link_1\" width=\"300\" height=\"225\" class=\"alignnone size-medium wp-image-9325\" \/><\/a><\/p>\r\n<p>4. You may then relocate the button  position and resize it to fit your needs.<\/p>\r\n<p>5. While your new button is still  selected, navigate to the [<strong>Common Properties<\/strong>] panel on your right hand side.  There, in the [<strong>content<\/strong>] section, you can give your button a name. In this case,  we will name this button &lsquo;<strong>GoToGoogle<\/strong>&rsquo;<\/p>\r\n<p><a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/06\/silverlight_external_link_2.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/06\/silverlight_external_link_2-300x80.jpg\" alt=\"\" title=\"silverlight_external_link_2\" width=\"300\" height=\"80\" class=\"alignnone size-medium wp-image-9326\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/06\/silverlight_external_link_2-300x80.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/06\/silverlight_external_link_2-1024x274.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/06\/silverlight_external_link_2.jpg 1473w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>6. After that is done, navigate to your  [<strong>Tools<\/strong>] panel, on your left hand side and click on the &lsquo;<strong>assets<\/strong>&rsquo; tool [<strong>&gt;&gt;<\/strong>]  then go to &lsquo;behaviors&rsquo; and select the &lsquo;<strong>HyperLinkAction<\/strong>&rsquo; option.<\/p>\r\n<p><a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/06\/silverlight_external_link_3.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/06\/silverlight_external_link_3-300x237.jpg\" alt=\"\" title=\"silverlight_external_link_3\" width=\"300\" height=\"237\" class=\"alignnone size-medium wp-image-9327\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/06\/silverlight_external_link_3-300x237.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/06\/silverlight_external_link_3.jpg 711w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>7. In order to assign a link to the  button, navigate to the [<strong>Common Properties<\/strong>] panel on your right hand side and in  the [<strong>Navigate Uri<\/strong>] section type in the URL. In this case it is  &lsquo;http:\/\/google.com<\/p>\r\n<p><a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/06\/silverlight_external_link_4.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/06\/silverlight_external_link_4-300x98.jpg\" alt=\"\" title=\"silverlight_external_link_4\" width=\"300\" height=\"98\" class=\"alignnone size-medium wp-image-9328\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/06\/silverlight_external_link_4-300x98.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/06\/silverlight_external_link_4-1024x334.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/06\/silverlight_external_link_4.jpg 1477w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>8. Press <strong>F5<\/strong> key to publish the project.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"\/help\/files\/silverlight\/30583_create_button_assign_external_link.htm\" target=\"blank\">how to change Google Map location in WordPress<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>1. Open the &ldquo;TMTemplate&rdquo; project file from &lsquo;\\sources\\TMTemplate&rsquo; folder in Microsoft Expression Blend program 2. Locate the page on which you need to add a button and open it in the Scene. 3. Navigate to [User Control] panel and click on the button symbol to create a button, then place it anywhere on the Scene. [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[758],"tags":[536,521,2413],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/9323"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=9323"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/9323\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=9323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=9323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=9323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}