{"id":3030,"date":"2022-03-11T12:28:59","date_gmt":"2022-03-11T06:43:59","guid":{"rendered":"https:\/\/dearflip.com\/?post_type=docs&#038;p=3030"},"modified":"2022-03-11T13:23:41","modified_gmt":"2022-03-11T07:38:41","password":"","slug":"custom-button","status":"publish","type":"docs","link":"https:\/\/js.dearflip.com\/docs\/custom-button\/","title":{"rendered":"Add Custom Button to Flipbook"},"content":{"rendered":"\n<div class=\"_df_book df-container df-loading \"  data-slug=\"glfw-manual\" data-_slug=\"glfw-manual\" _slug=\"glfw-manual\" data-title=\"glfw-manual\" id=\"df_378\" data-df-option=\"df_option_378\" ><\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.df_option_378 = {\"source\":\"https:\\\/\\\/js.dearflip.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/glfw.pdf\",\"outline\":[],\"autoEnableOutline\":false,\"autoEnableThumbnail\":false,\"overwritePDFOutline\":false,\"pageMode\":\"0\",\"pageSize\":\"0\",\"direction\":\"1\",\"slug\":\"glfw-manual\",\"wpOptions\":\"true\",\"id\":378}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p>User can add custom buttons to flipbooks.<\/p>\n\n\n\n<script>\n\n  jQuery(function($){\n\n    var customButtonFunction = function(event){\n      alert(\"Custom Button Works\");\n    };\n\n    \/\/We add the function in Global Defaults so that all flipbooks in the page act same.\n    DFLIP.defaults.onReady = function(flipbook) {\n\n      var customButton = jQuery('<div class=\"df-ui-btn  df-ui-custom-button1\">Custom-Btn<\/div>');\n      customButton.on(\"click\",customButtonFunction);\n      flipbook.ui.more.after(customButton);\n\n    };\n\n  });\n\n<\/script>\n\n\n\n<style>\n\n.df-ui-custom-button1{\n  width:max-content;\n}\n\n<\/style>\n\n\n\n<hr class=\"wp-block-separator is-style-default\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">JavaScript Code:<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;\n\n  jQuery(function($){\n\n    var customButtonFunction = function(event){\n      alert(\"Custom Button Works\");\n    };\n\n    \/\/We add the function in Global Defaults so that all flipbooks in the page act same.\n    DFLIP.defaults.onReady = function(flipbook) {\n\n      var customButton = jQuery('&lt;div class=\"df-ui-btn  df-ui-custom-button1\"&gt;Custom-Btn&lt;\/div&gt;');\n      customButton.on(\"click\",customButtonFunction);\n      flipbook.ui.more.after(customButton);\n\n    };\n\n  });\n\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Stylesheet CSS:<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n\n.df-ui-custom-button1{\n  width:max-content;\n}\n\n&lt;\/style&gt;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator is-style-default\"\/>\n\n\n","protected":false},"excerpt":{"rendered":"<p>User can add custom buttons to flipbooks. JavaScript Code: Stylesheet CSS:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[119],"doc_tag":[],"class_list":["post-3030","docs","type-docs","status-publish","hentry","doc_category-advanced-customizations"],"aioseo_notices":[],"year_month":"2026-05","word_count":131,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Deepak Ghimire","author_nicename":"deip-ghimire","author_url":"https:\/\/js.dearflip.com\/author\/deip-ghimire\/"},"doc_category_info":[{"term_name":"Advanced Customizations","term_url":"https:\/\/js.dearflip.com\/docs-category\/advanced-customizations\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/docs\/3030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/comments?post=3030"}],"version-history":[{"count":0,"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/docs\/3030\/revisions"}],"wp:attachment":[{"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/media?parent=3030"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/doc_category?post=3030"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/js.dearflip.com\/wp-json\/wp\/v2\/doc_tag?post=3030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}