{"id":866,"date":"2022-12-21T10:05:40","date_gmt":"2022-12-21T10:05:40","guid":{"rendered":"https:\/\/byteboxmedia.support\/?p=866"},"modified":"2022-12-21T10:21:07","modified_gmt":"2022-12-21T10:21:07","slug":"image-button-object","status":"publish","type":"post","link":"https:\/\/byteboxmedia.support\/docs\/game-launcher-creator-v3\/image-button-object\/","title":{"rendered":"Image Button Object"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/button-object.png\" alt=\"Button Object\" class=\"wp-image-869\" width=\"197\" height=\"42\" srcset=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/button-object.png 289w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/button-object-150x32.png 150w\" sizes=\"(max-width: 197px) 100vw, 197px\" \/><\/figure>\n\n\n\n<p>The <a href=\"https:\/\/byteboxmedia.support\/help\/image-object\/\">Image<\/a> Button object is a button object that uses images for the normal, hover and click states.<\/p>\n\n\n\n<p>You can use your own images for this. We recommend that you use PNG (32 w\/alpha) for the best effect.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Properties<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-12-1024x463.png\" alt=\"\" class=\"wp-image-871\" width=\"637\" height=\"287\" srcset=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-12-1024x463.png 1024w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-12-300x136.png 300w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-12-150x68.png 150w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-12-768x347.png 768w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-12.png 1188w\" sizes=\"(max-width: 637px) 100vw, 637px\" \/><\/figure>\n\n\n\n<p>Inside the images tab of the object properties you have 3 states to choose from. Normal, Hover and Click states. The normal state is when the mouse is not over the object. The hover state is for when the user hovers over the button with the mouse and the click state is when the user clicks the button. The click state will remain until the user ends the click on the button. That&#8217;s also when the actions are executed.<\/p>\n\n\n\n<p>You can choose any image from your <a href=\"https:\/\/byteboxmedia.support\/help\/the-launcher-library\/\">launcher library<\/a> for these states. Supported filetypes are BMP, JPG, <a href=\"https:\/\/byteboxmedia.support\/help\/the-gif-object\/\">GIF<\/a>, PNG. We recommend PNG (32 bit with Alpha <a href=\"https:\/\/byteboxmedia.support\/help\/additional-window-settings\/\">Transparency<\/a>) for best effect.<\/p>\n\n\n\n<p>There is also a preview of your button in this dialog to test the normal, hover and click states.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sound Effects<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-13.png\" alt=\"\" class=\"wp-image-872\" width=\"510\" height=\"130\" srcset=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-13.png 783w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-13-300x76.png 300w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-13-150x38.png 150w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-13-768x195.png 768w\" sizes=\"(max-width: 510px) 100vw, 510px\" \/><\/figure>\n\n\n\n<p>You can apply sound effects to this button object for if the user hovers the button and if the user clicks the button. Simply click on the Browse Launcher Library icon to select your audio file. We recommend WMA (Windows Media Audio) format. Supported formats are WAV, MP3, WMA.<\/p>\n\n\n\n<p>You can also preview the sounds using the play and stop buttons. If you click the play button and nothing is played, it could be that the format you are trying to play is not supported.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mouse Cursor<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-14.png\" alt=\"\" class=\"wp-image-873\" width=\"518\" height=\"146\" srcset=\"https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-14.png 793w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-14-300x85.png 300w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-14-150x42.png 150w, https:\/\/byteboxmedia.support\/wp-content\/uploads\/sites\/5\/2022\/12\/image-14-768x217.png 768w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/figure>\n\n\n\n<p>You can choose to change the mouse cursor icon when the user hovers over this particular button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Button Action(s)<\/h3>\n\n\n\n<p>You can attach an event to this particular button to execute an action or series of actions if this button is clicked. Please see the Event Actions section for more information.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Image Button object is a button object that uses images for the normal, hover and click states. You can use your own images for this. We recommend that you use PNG (32 w\/alpha) for the best effect. Properties Inside the images tab of the object properties you have 3 states to choose from. Normal, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-866","post","type-post","status-publish","format-standard","hentry","category-game-launcher-creator-v3"],"_links":{"self":[{"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/posts\/866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/comments?post=866"}],"version-history":[{"count":2,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/posts\/866\/revisions"}],"predecessor-version":[{"id":874,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/posts\/866\/revisions\/874"}],"wp:attachment":[{"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/media?parent=866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/categories?post=866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/byteboxmedia.support\/wp-json\/wp\/v2\/tags?post=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}