{"id":6,"date":"2025-03-02T05:15:32","date_gmt":"2025-03-02T05:15:32","guid":{"rendered":"https:\/\/bricksfly.com\/docs\/index.php\/documentation\/"},"modified":"2026-06-21T08:18:47","modified_gmt":"2026-06-21T08:18:47","slug":"documentation","status":"publish","type":"page","link":"https:\/\/bricksfly.com\/docs\/","title":{"rendered":"Documentation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6c689d e-con-full e-flex e-con e-parent\" data-id=\"a6c689d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f2bed0 elementor-widget elementor-widget-shortcode\" data-id=\"4f2bed0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"focus_overlay\"><\/div>\r\n        <section class=\"ezd_search_banner has_bg_dark has_cs_bg no_keywords\">\r\n\r\n            <div class=\"ezd-grid ezd-grid-cols-12 doc_banner_content\">\r\n                <div class=\"ezd-grid-column-full\">\r\n                    <form action=\"https:\/\/bricksfly.com\/docs\/\" role=\"search\" method=\"post\"\r\n                        class=\"ezd_search_form\">\r\n                        <div class=\"header_search_form_info\">\r\n                            <div class=\"form-group\">\r\n                                <div class=\"input-wrapper\">\r\n                                    <input type='search' id=\"ezd_searchInput\" name=\"s\"\r\n                                        placeholder='Search here' autocomplete=\"off\"\r\n                                        value=\"\" \/>\r\n                                    <label for=\"ezd_searchInput\">\r\n                                        <i class=\"left-icon icon_search\"><\/i>\r\n                                    <\/label>\r\n                                    <div class=\"spinner-border spinner\" role=\"status\">\r\n                                        <span class=\"visually-hidden\">Loading...<\/span>\r\n                                    <\/div>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div id=\"ezd-search-results\" class=\"eazydocs-search-tree\" data-noresult=\"No Results Found\"><\/div>\r\n                                            <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <script>\r\n        jQuery(function($) {\r\n            $(\"#ezd_searchInput\").focus(function() {\r\n                $('body').addClass('ezd-search-focused');\r\n                $('form.ezd_search_form').css('z-index', '999');\r\n            });\r\n\r\n            $(\".focus_overlay\").click(function() {\r\n                $('body').removeClass('ezd-search-focused');\r\n                $('form.ezd_search_form').css('z-index', 'unset');\r\n            });\r\n\r\n            $(\".ezd_search_keywords ul li a\").on(\"click\", function(e) {\r\n                e.preventDefault();\r\n                var content = $(this).text();\r\n                $(\"#ezd_searchInput\").val(content).focus();\r\n                ezSearchResults();\r\n            });\r\n\r\n            function ezSearchResults() {\r\n                let keyword = $('#ezd_searchInput').val();\r\n                let noresult = $('#ezd-search-results').attr('data-noresult');\r\n\r\n                if (keyword == \"\") {\r\n                    $('#ezd-search-results').removeClass('ajax-search').html(\"\");\r\n                } else {\r\n                    $.ajax({\r\n                        url: eazydocs_local_object.ajaxurl,\r\n                        type: 'post',\r\n                        data: { action: 'eazydocs_search_results', keyword: keyword },\r\n                        beforeSend: function() { $(\".spinner-border\").show(); },\r\n                        success: function(data) {\r\n                            $(\".spinner-border\").hide();\r\n                            $(document).keyup(function(e) {\r\n                                if (e.key === \"Escape\") $('#ezd-search-results').removeClass('ajax-search').html(\"\");\r\n                            });\r\n                            if (data.length > 0) {\r\n                                $('#ezd-search-results').addClass('ajax-search').html(data);\r\n                            } else {\r\n                                $('#ezd-search-results').html('<h5 class=\"error title\">' + noresult + '<\/h5>');\r\n                            }\r\n                        }\r\n                    });\r\n                }\r\n            }\r\n\r\n            function ezdFetchDelay(callback, ms) {\r\n                var timer = 0;\r\n                return function() {\r\n                    clearTimeout(timer);\r\n                    timer = setTimeout(callback, ms);\r\n                };\r\n            }\r\n\r\n            $('#ezd_searchInput').keyup(\r\n                ezdFetchDelay(function() { ezSearchResults(); }, 500)\r\n            );\r\n\r\n            document.getElementById('ezd_searchInput').addEventListener('search', function () {\r\n                $('#ezd-search-results').empty().removeClass('ajax-search');\r\n            });\r\n        });\r\n        <\/script>\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db238bd elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-ezd_search_form\" data-id=\"db238bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ezd_search_form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"focus_overlay\"><\/div>\n\n<form action=\"https:\/\/bricksfly.com\/docs\/\" role=\"search\" method=\"get\" class=\"ezd_search_form\" >\n    <div class=\"header_search_form_info search_form_wrap\">\n                <div class=\"form-group ezd-right\">\n            <div class=\"input-wrapper\">\n                <input type='search' class=\"search_field_wrap\" id=\"ezd_searchInput\" autocomplete=\"off\" name=\"s\"\n                    placeholder=\"Search for Topics....\"\n                    data-post-type=\"all\">\n                <!-- Ajax Search Loading Spinner -->\n                <span class=\"spinner-border spinner\"> <\/span>\n                <button type=\"submit\" class=\"search_submit_btn\">\n                    <i aria-hidden=\"true\" class=\"icon_search\"><\/i>                <\/button>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n    \n    \n<div id=\"ezd-search-results\"\n     data-noresult=\"No Results Found\"\n     data-noresult-img=\"\"\n     data-noresult-title=\"No Results Found\"\n     data-noresult-sub=\"Check the spellings or use a different word or phrase\"\n     data-show-tabs=\"1\"> <\/div>\n    <div class=\"header_search_keyword justify-content-\">\n\t\t            <span class=\"header-search-form__keywords-label search_keyword_label\">\n                Popular: <\/span>\n\t\t                <ul class=\"ezd-list-unstyled\" id=\"ezd-search-keywords\">\n\t\t\t\t\t                                <li class=\"wow fadeInUp\" data-wow-delay=\"0.2s\" data-keywords=\"Keyword #1\">\n                                    <a class=\"has-bg\" href=\"#\"> Keyword #1 <\/a>\n                                <\/li>\n\t\t\t\t\t\t\t                                <li class=\"wow fadeInUp\" data-wow-delay=\"0.2s\" data-keywords=\"Keyword #2\">\n                                    <a class=\"has-bg\" href=\"#\"> Keyword #2 <\/a>\n                                <\/li>\n\t\t\t\t\t\t\t                <\/ul>\n\t\t\t    <\/div>\n<\/form>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24709b0e e-flex e-con-boxed e-con e-parent\" data-id=\"24709b0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81fa88c elementor-widget elementor-widget-html\" data-id=\"81fa88c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\n\/\/   const element = document.querySelector('a.navbar-brand.header_logo');\n\/\/ if (element) {\n\/\/   element.setAttribute('href', 'https:\/\/animation-addons.com\/');\n\/\/ } else {\n\/\/   console.warn('Element with selector \"a.navbar-brand.header_logo\" not found.');\n\/\/ }\n\/\/ <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eddab36 elementor-widget elementor-widget-heading\" data-id=\"eddab36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Documentation & Support Guide<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55d3145 elementor-widget elementor-widget-ezd_docs\" data-id=\"55d3145\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ezd_docs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"eazydocs_shortcode\">\n    <div class=\"  ezd-column-3  ezd-masonry\"  ezd-massonry-col=\"3\">\n\t\t                <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/getting-started\/\">\n                                <h4 class=\"title ezd_item_title\"> Getting Started <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t1 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/bricksfly.com\/docs\/getting-started\/how-to-install-bricksfly\/\" class=\"ezd_item_list_title\">How to Install BricksFly<\/a><\/li><\/ul><a href=\"https:\/\/bricksfly.com\/docs\/getting-started\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/features\/\">\n                                <h4 class=\"title ezd_item_title\"> Features <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t0 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/gsap-extensions\/\">\n                                <h4 class=\"title ezd_item_title\"> GSAP Extensions <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t8 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/bricksfly.com\/docs\/gsap-extensions\/text-animation\/\" class=\"ezd_item_list_title\">How to Use Text Animation in BricksFly<\/a><\/li><li><a href=\"https:\/\/bricksfly.com\/docs\/gsap-extensions\/how-to-use-advanced-animation-in-bricksfly\/\" class=\"ezd_item_list_title\">How to Use Advanced Animation in BricksFly<\/a><\/li><li><a href=\"https:\/\/bricksfly.com\/docs\/gsap-extensions\/parallax-effect\/\" class=\"ezd_item_list_title\">How to Use Parallax Effect in BricksFly<\/a><\/li><li><a href=\"https:\/\/bricksfly.com\/docs\/gsap-extensions\/cursor-move-effect\/\" class=\"ezd_item_list_title\">How to Use Cursor Move Effect in BricksFly<\/a><\/li><li><a href=\"https:\/\/bricksfly.com\/docs\/gsap-extensions\/scroll-to\/\" class=\"ezd_item_list_title\">How to Use Scroll To in BricksFly<\/a><\/li><\/ul><a href=\"https:\/\/bricksfly.com\/docs\/gsap-extensions\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/starter-animation\/\">\n                                <h4 class=\"title ezd_item_title\"> Starter Animation <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t1 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/bricksfly.com\/docs\/starter-animation\/starter-animations\/\" class=\"ezd_item_list_title\">How to Use Starter Animation in BricksFly<\/a><\/li><\/ul><a href=\"https:\/\/bricksfly.com\/docs\/starter-animation\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/header-footer-widgets\/\">\n                                <h4 class=\"title ezd_item_title\"> Header &amp; Footer Elements <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t0 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/general-extensions\/\">\n                                <h4 class=\"title ezd_item_title\"> General Extensions <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t3 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/bricksfly.com\/docs\/general-extensions\/advanced-tooltip\/\" class=\"ezd_item_list_title\">How to Use Advanced Tooltip in BricksFly<\/a><\/li><li><a href=\"https:\/\/bricksfly.com\/docs\/general-extensions\/tilt-effect\/\" class=\"ezd_item_list_title\">How to Use Tilt Effect in BricksFly<\/a><\/li><li><a href=\"https:\/\/bricksfly.com\/docs\/general-extensions\/wrapper-link\/\" class=\"ezd_item_list_title\">How to Use Wrapper Link in BricksFly<\/a><\/li><\/ul><a href=\"https:\/\/bricksfly.com\/docs\/general-extensions\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/general-widgets\/\">\n                                <h4 class=\"title ezd_item_title\"> General Elements <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t2 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/bricksfly.com\/docs\/general-widgets\/advanced-button-pro\/\" class=\"ezd_item_list_title\">How to Use Advanced Button Pro in BricksFly<\/a><\/li><li><a href=\"https:\/\/bricksfly.com\/docs\/general-widgets\/brand-slider\/\" class=\"ezd_item_list_title\">How to Use Brand Slider in BricksFly<\/a><\/li><\/ul><a href=\"https:\/\/bricksfly.com\/docs\/general-widgets\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/advanced-widgets\/\">\n                                <h4 class=\"title ezd_item_title\"> Advanced Elements <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t1 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/bricksfly.com\/docs\/advanced-widgets\/toggle-switch\/\" class=\"ezd_item_list_title\">How to Use Toggle Switch in BricksFly<\/a><\/li><\/ul><a href=\"https:\/\/bricksfly.com\/docs\/advanced-widgets\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/animations-widgets\/\">\n                                <h4 class=\"title ezd_item_title\"> Animations Elements <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t0 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/dynamic-widgets\/\">\n                                <h4 class=\"title ezd_item_title\"> Dynamic Elements <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t0 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t                    <div class=\"ezd-col-width\">\n                    <div class=\"categories_guide_item  wow fadeInUp\" >\n\t\t\t\t\t\t\n                        <div class=\"doc-top ezd-d-flex ezd-align-items-start\">\n                            <a class=\"doc_tag_title\" href=\"https:\/\/bricksfly.com\/docs\/video-widgets\/\">\n                                <h4 class=\"title ezd_item_title\"> Video Elements <\/h4>\n                                <span class=\"ezd-badge\">\n\t\t\t\t\t\t\t\t\t1 Topics\t\t\t\t\t\t\t\t<\/span>\n                            <\/a>\n                        <\/div>\n\n\t\t\t\t\t\t<ul class=\"ezd-list-unstyled article_list\"><li><a href=\"https:\/\/bricksfly.com\/docs\/video-widgets\/youtube-video\/\" class=\"ezd_item_list_title\">How to Use YouTube Video in BricksFly<\/a><\/li><\/ul><a href=\"https:\/\/bricksfly.com\/docs\/video-widgets\/\" class=\"doc_border_btn ezd_btn\">View All<i class=\"arrow_right\"><\/i><\/a>\t\t\t\t\t\t\n                    <\/div>\n                <\/div>\n\t\t\t    \n    <\/div>\n<\/div>\n\n    <script>\n        ;(function ($) {\n            'use strict';\n\n            $(document).ready(function () {\n                function ezd_masonry() {\n                    $('.ezd-masonry').each(function () {\n                        var $masonry = $(this);\n                        var masonryCols = $masonry.attr('ezd-massonry-col');\n                        var masonryColumns = parseInt(masonryCols);\n\n                        if ($(window).width() <= 1024) {\n                            masonryColumns = 2;\n                        }\n                        if ($(window).width() <= 768) {\n                            masonryColumns = 1;\n                        }\n\n                        var count = 0;\n                        var content = $masonry.children();\n\n                        var $columnsContainer = $('<div class=\"ezd-masonry-columns\"><\/div>');\n\n                        content.each(function (index) {\n                            count = count + 1;\n                            $(this).addClass('ezd-masonry-sort-' + count);\n\n                            if (count === masonryColumns) {\n                                count = 0;\n                            }\n                        });\n\n                        for (var i = 1; i <= masonryColumns; i++) {\n                            $columnsContainer.append('<div class=\"ezd-masonry-' + i + '\"><\/div>');\n                        }\n\n                        for (var i = 1; i <= masonryColumns; i++) {\n                            $masonry.find('.ezd-masonry-sort-' + i).appendTo($columnsContainer.find('.ezd-masonry-' + i));\n                        }\n\n                        $masonry.empty().append($columnsContainer);\n                    });\n                }\n                ezd_masonry();\n            });\n        })(jQuery);\n    <\/script>\n    \n\t\t<script type=\"text\/javascript\">\n\t\t\t;\n\t\t\t(function ($) {\n\t\t\t\t\"use strict\";\n\n\t\t\t\t$(document).ready(function () {\n\n\t\t\t\t\t\/\/ === Tabs Slider\n\t\t\t\t\tvar tabId = \"#Arrow_slides-55d3145\";\n\t\t\t\t\tvar tabSliderContainers = $(tabId + \" .tabs_sliders\");\n\n\t\t\t\t\ttabSliderContainers.each(function () {\n\t\t\t\t\t\tlet tabWrapWidth = $(this).outerWidth();\n\t\t\t\t\t\tlet totalWidth = 0;\n\n\t\t\t\t\t\tlet slideArrowBtn = $(tabId + \" .scroller-btn\");\n\t\t\t\t\t\tlet slideBtnLeft = $(tabId + \" .scroller-btn.left\");\n\t\t\t\t\t\tlet slideBtnRight = $(tabId + \" .scroller-btn.right\");\n\t\t\t\t\t\tlet navWrap = $(tabId + \" .slide_nav_tabs\");\n\t\t\t\t\t\tlet navWrapItem = $(tabId + \" .slide_nav_tabs li\");\n\n\t\t\t\t\t\tnavWrapItem.each(function () {\n\t\t\t\t\t\t\ttotalWidth += $(this).outerWidth();\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif (totalWidth > tabWrapWidth) {\n\t\t\t\t\t\t\tslideArrowBtn.removeClass(\"inactive\");\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tslideArrowBtn.addClass(\"inactive\");\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (navWrap.scrollLeft() === 0) {\n\t\t\t\t\t\t\tslideBtnLeft.addClass(\"inactive\");\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tslideBtnLeft.removeClass(\"inactive\");\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tslideBtnRight.on(\"click\", function () {\n\t\t\t\t\t\t\tnavWrap.animate({\n\t\t\t\t\t\t\t\tscrollLeft: \"+=200px\"\n\t\t\t\t\t\t\t}, 300);\n\t\t\t\t\t\t\tconsole.log(navWrap.scrollLeft() + \" px\");\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tslideBtnLeft.on(\"click\", function () {\n\t\t\t\t\t\t\tnavWrap.animate({\n\t\t\t\t\t\t\t\tscrollLeft: \"-=200px\"\n\t\t\t\t\t\t\t}, 300);\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tscrollerHide(navWrap, slideBtnLeft, slideBtnRight);\n\t\t\t\t\t});\n\n\t\t\t\t\tfunction scrollerHide(navWrap, slideBtnLeft, slideBtnRight) {\n\t\t\t\t\t\tlet scrollLeftPrev = 0;\n\t\t\t\t\t\tnavWrap.scroll(function () {\n\t\t\t\t\t\t\tlet $elem = $(this);\n\t\t\t\t\t\t\tlet newScrollLeft = $elem.scrollLeft(),\n\t\t\t\t\t\t\t\twidth = $elem.outerWidth(),\n\t\t\t\t\t\t\t\tscrollWidth = $elem.get(0).scrollWidth;\n\t\t\t\t\t\t\tif (scrollWidth - newScrollLeft === width) {\n\t\t\t\t\t\t\t\tslideBtnRight.addClass(\"inactive\");\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tslideBtnRight.removeClass(\"inactive\");\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (newScrollLeft === 0) {\n\t\t\t\t\t\t\t\tslideBtnLeft.addClass(\"inactive\");\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tslideBtnLeft.removeClass(\"inactive\");\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tscrollLeftPrev = newScrollLeft;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ custom tab js\n\t\t\t\t\t$('.ezd-tab-menu li a').on('click', function (e) {\n\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t\/\/ Remove active class from all tabs within the same menu\n\t\t\t\t\t\t$(this).closest('.ezd-tab-menu').find('li a').removeClass('active');\n\n\t\t\t\t\t\t\/\/ Add active class to the clicked tab\n\t\t\t\t\t\t$(this).addClass('active');\n\n\t\t\t\t\t\tvar target = $(this).attr('data-rel');\n\n\t\t\t\t\t\t$('#' + target)\n\t\t\t\t\t\t\t.addClass('active')\n\t\t\t\t\t\t\t.siblings('.ezd-tab-box')\n\t\t\t\t\t\t\t.removeClass('active');\n\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t});\n\n\t\t\t\t});\n\t\t\t})(jQuery);\n\t\t<\/script>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d833d3 elementor-widget elementor-widget-html\" data-id=\"8d833d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>(function(d, s, id){\n\u00a0\u00a0var js, fjs = d.getElementsByTagName(s)[0];\n\u00a0\u00a0if (d.getElementById(id)) return;\n\u00a0\u00a0js = d.createElement(s); js.id = id;\n\u00a0\u00a0js.src = 'https:\/\/api.anychat.one\/widget\/e0699c1b-7130-3cc1-8d0d-fd584a1061ae?r=' + encodeURIComponent(window.location);\n\u00a0\u00a0fjs.parentNode.insertBefore(js, fjs);\n}(document, 'script', 'contactus-jssdk'));<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Popular: Keyword #1 Keyword #2 Documentation &#038; Support Guide Getting Started 1 Topics How to Purchase Bricks Fly Pro Plugin View All<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":30,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":19695,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/pages\/6\/revisions\/19695"}],"wp:attachment":[{"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}