{"id":2746,"date":"2019-12-27T19:41:51","date_gmt":"2019-12-27T19:41:51","guid":{"rendered":"http:\/\/wordpress.creativegigs.net\/docly\/docs\/rogan-wordpress-theme-documentation\/blocks\/tab\/"},"modified":"2025-06-18T09:51:03","modified_gmt":"2025-06-18T09:51:03","slug":"tab","status":"publish","type":"docs","link":"https:\/\/wordpress-theme.spider-themes.net\/docy\/blog\/docs\/docly-documentation\/elements\/tab\/","title":{"rendered":"Tabs Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2746\" class=\"elementor elementor-2746\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e634420 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e634420\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ba18a27\" data-id=\"ba18a27\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b17a77f elementor-widget elementor-widget-heading\" data-id=\"b17a77f\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Normal Tab<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c14358b elementor-widget elementor-widget-text-editor\" data-id=\"c14358b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Nostra scelerisque fuga wisi aenean.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05c60d3 elementor-widget elementor-widget-docy_tabs\" data-id=\"05c60d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"docy_tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wrapper tab_shortcode spel-tabs\">\n    <div class=\"sticky_tab_item tabs_sliders\">\n        <span class=\"scroller-btn left\" id=\"scroll_left_btn\"><i class=\"arrow_carrot-left\"><\/i><\/span>\n        <ul class=\"nav nav-tabs ezd-d-flex slide_nav_tabs spel-tab-menu\" >\n                            <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.2s\">\n                    <button class=\"nav-link tab-item-title active\" data-rel=\"tab-content-6051\">\n                        Conclusions                    <\/button>\n                <\/li>\n                                <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.4s\">\n                    <button class=\"nav-link tab-item-title \" data-rel=\"tab-content-6052\">\n                        Forum                    <\/button>\n                <\/li>\n                                <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.6s\">\n                    <button class=\"nav-link tab-item-title \" data-rel=\"tab-content-6053\">\n                        Reporting                    <\/button>\n                <\/li>\n                        <\/ul>\n        <span class=\"scroller-btn right\" id=\"scroll_right_btn\"><i class=\"arrow_carrot-right\"><\/i><\/span>\n    <\/div>\n\n            <div class=\"tab-content\">\n                            <div class=\"tab-pane p-0 tab_style tab-box fade show active\" id=\"tab-content-6051\">\n                    <p>Don't get shirty with me what a plonker on your bike mate bugger all mate chip shop bits and bobs smashing mush bugger cup of char, in my flat.<\/p>                <\/div>\n                                <div class=\"tab-pane p-0 tab_style tab-box fade \" id=\"tab-content-6052\">\n                    <p>Aliquam ante scelerisque accumsan netus officiis velit magna irure, adipiscing, tortor primis! Adipisicing auctor, blanditiis, eget laoreet taciti!<\/p>                <\/div>\n                                <div class=\"tab-pane p-0 tab_style tab-box fade \" id=\"tab-content-6053\">\n                    <p>Nostra adipiscing sequi nisi hic venenatis pede aliquid eget aperiam commodi gravida? Hendrerit adipisci netus sodales ducimus maiores!<\/p>                <\/div>\n                        <\/div>\n        <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1225d0d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1225d0d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-83e5329\" data-id=\"83e5329\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fcc8f59 elementor-widget elementor-widget-heading\" data-id=\"fcc8f59\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Process Tab<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8431c2e elementor-widget elementor-widget-heading\" data-id=\"8431c2e\" 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<p class=\"elementor-heading-title elementor-size-default\">Try the Docly API in seconds. Create your first customer, charge, and more by following the step below.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bcbba9 elementor-widget elementor-widget-docy_process_tabs\" data-id=\"1bcbba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"docy_process_tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"process_tab_shortcode\">\n            <ul class=\"nav nav-tabs v_menu\" role=\"tablist\">\n                                    <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.2s\">                    \n                        <button class=\"nav-link active\" id=\"docy-tab-2911\" data-bs-toggle=\"tab\" role=\"tab\" data-bs-target=\"#docy-tab-content-2911\" aria-controls=\"docy-tab-content-2911\" >\n                            <span> 1 <\/span>\n                            Card                        <\/button>                        \n                    <\/li>\n                                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.4s\">                    \n                        <button class=\"nav-link \" id=\"docy-tab-2912\" data-bs-toggle=\"tab\" role=\"tab\" data-bs-target=\"#docy-tab-content-2912\" aria-controls=\"docy-tab-content-2912\" >\n                            <span> 2 <\/span>\n                            Customer                        <\/button>                        \n                    <\/li>\n                                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.6s\">                    \n                        <button class=\"nav-link \" id=\"docy-tab-2913\" data-bs-toggle=\"tab\" role=\"tab\" data-bs-target=\"#docy-tab-content-2913\" aria-controls=\"docy-tab-content-2913\" >\n                            <span> 3 <\/span>\n                            Charge                        <\/button>                        \n                    <\/li>\n                                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"0.8s\">                    \n                        <button class=\"nav-link \" id=\"docy-tab-2914\" data-bs-toggle=\"tab\" role=\"tab\" data-bs-target=\"#docy-tab-content-2914\" aria-controls=\"docy-tab-content-2914\" >\n                            <span> 4 <\/span>\n                            Subscription                        <\/button>                        \n                    <\/li>\n                                        <li class=\"nav-item wow fadeInUp\" data-wow-delay=\"1s\">                    \n                        <button class=\"nav-link \" id=\"docy-tab-2915\" data-bs-toggle=\"tab\" role=\"tab\" data-bs-target=\"#docy-tab-content-2915\" aria-controls=\"docy-tab-content-2915\" >\n                            <span> 5 <\/span>\n                            Success!                        <\/button>                        \n                    <\/li>\n                                <\/ul>\n            <div class=\"tab-content\">\n                                    <div class=\"tab-pane fade show active\" aria-labelledby=\"docy-tab-2911\" role=\"tabpanel\" id=\"docy-tab-content-2911\">\n                        <p>Aliquam ante scelerisque accumsan netus officiis velit magna irure, adipiscing, tortor primis! Adipisicing auctor, blanditiis, eget laoreet taciti!<\/p>\n                                                    <div class=\"version\">\n                                <div class=\"v_head\">Docy run hello-world<\/div>\n<div class=\"v_middle\">\n<p>Unable to find image\u00a0<span class=\"red\">'hello-world:latest'<\/span>\u00a0locally<\/p>\n<p>latest: Pulling from library\/hello-world<\/p>\n<p>ca4f61b1923c: Pull\u00a0<span class=\"green\">complete<\/span><\/p>\n<p>Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7<\/p>\n<p>Status: Downloaded newer image for hello-world:latest<\/p>\n<\/div>\n<div class=\"v_footer\">\n<p>Hello from Docy!<br \/>This message shows that your installation appears to be working correctly.<\/p>\n<\/div>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"tab-pane fade \" aria-labelledby=\"docy-tab-2912\" role=\"tabpanel\" id=\"docy-tab-content-2912\">\n                        <p>Ullamco iusto, maiores possimus felis. Nam accumsan mollit pharetra neque, cubilia, deserunt platea pretium nisl nonummy nisi ullam lectus diamlorem lorem ullamco odit pharetra!<\/p>\n                                                    <div class=\"version\">\n                                <div class=\"v_head\">Docy run hello-world<\/div>\n<div class=\"v_middle\">\n<p>Unable to find image\u00a0<span class=\"red\">'hello-world:latest'<\/span>\u00a0locally<\/p>\n<p>latest: Pulling from library\/hello-world<\/p>\n<p>ca4f61b1923c: Pull\u00a0<span class=\"green\">complete<\/span><\/p>\n<p>Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7<\/p>\n<p>Status: Downloaded newer image for hello-world:latest<\/p>\n<\/div>\n<div class=\"v_footer\">\n<p>Hello from Docy!<br \/>This message shows that your installation appears to be working correctly.<\/p>\n<\/div>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"tab-pane fade \" aria-labelledby=\"docy-tab-2913\" role=\"tabpanel\" id=\"docy-tab-content-2913\">\n                        <p>Iste convallis? Quas natus alias, feugiat veritatis taciti, maecenas saepe diam inceptos, inventore iste cubilia vivamus. Nisl lacinia, quasi tempor, adipisci minus?<\/p>\n                                                    <div class=\"version\">\n                                <div class=\"v_head\">Docy run hello-world<\/div>\n<div class=\"v_middle\">\n<p>Unable to find image\u00a0<span class=\"red\">'hello-world:latest'<\/span>\u00a0locally<\/p>\n<p>latest: Pulling from library\/hello-world<\/p>\n<p>ca4f61b1923c: Pull\u00a0<span class=\"green\">complete<\/span><\/p>\n<p>Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7<\/p>\n<p>Status: Downloaded newer image for hello-world:latest<\/p>\n<\/div>\n<div class=\"v_footer\">\n<p>Hello from Docy!<br \/>This message shows that your installation appears to be working correctly.<\/p>\n<\/div>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"tab-pane fade \" aria-labelledby=\"docy-tab-2914\" role=\"tabpanel\" id=\"docy-tab-content-2914\">\n                        <p>Eveniet voluptas optio etiam quod consequatur urna quam laudantium commodo dolorum sed sodales leo nostrud, maxime pellentesque litora saepe, feugiat adipisci nisl aut.<\/p>\n                                                    <div class=\"version\">\n                                <div class=\"v_head\">Docy run hello-world<\/div>\n<div class=\"v_middle\">\n<p>Unable to find image\u00a0<span class=\"red\">'hello-world:latest'<\/span>\u00a0locally<\/p>\n<p>latest: Pulling from library\/hello-world<\/p>\n<p>ca4f61b1923c: Pull\u00a0<span class=\"green\">complete<\/span><\/p>\n<p>Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7<\/p>\n<p>Status: Downloaded newer image for hello-world:latest<\/p>\n<\/div>\n<div class=\"v_footer\">\n<p>Hello from Docy!<br \/>This message shows that your installation appears to be working correctly.<\/p>\n<\/div>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"tab-pane fade \" aria-labelledby=\"docy-tab-2915\" role=\"tabpanel\" id=\"docy-tab-content-2915\">\n                        <p>Sunt laudantium expedita tempora integer in laboriosam quisquam doloremque, ante neque etiam iusto? Hic wisi sodales repudiandae metus, tempora maxime rhoncus, eligendi.<\/p>\n                                                    <div class=\"version\">\n                                <div class=\"v_head\">Docy run hello-world<\/div>\n<div class=\"v_middle\">\n<p>Unable to find image\u00a0<span class=\"red\">'hello-world:latest'<\/span>\u00a0locally<\/p>\n<p>latest: Pulling from library\/hello-world<\/p>\n<p>ca4f61b1923c: Pull\u00a0<span class=\"green\">complete<\/span><\/p>\n<p>Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7<\/p>\n<p>Status: Downloaded newer image for hello-world:latest<\/p>\n<\/div>\n<div class=\"v_footer\">\n<p>Hello from Docy!<br \/>This message shows that your installation appears to be working correctly.<\/p>\n<\/div>\n                            <\/div>\n                                            <\/div>\n                                <button class=\"btn btn-info btn-lg previous\"><i class=\"arrow_carrot-left\"><\/i><\/button>\n                <button class=\"btn btn-info btn-lg next\"><i class=\"arrow_carrot-right\"><\/i><\/button>\n            <\/div>\n        <\/div>\n        \n        <script>\n            (function($){\n                $(document).ready(function(){\n                    $(\".next\").on(\"click\", function () {\n                        $(\".v_menu .nav-item > .active\")\n                        .parent()\n                        .next(\"li\")\n                        .find(\"button\")\n                        .trigger(\"click\");\n                    });\n\n                    $(\".previous\").on(\"click\", function () {\n                        $(\".v_menu .nav-item > .active\")\n                        .parent()\n                        .prev(\"li\")\n                        .find(\"button\")\n                        .trigger(\"click\");\n                    });\n                })\n            })(jQuery)\n        <\/script>        \n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Normal Tab Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Nostra scelerisque fuga wisi aenean. Conclusions Forum Reporting Don&#8217;t get shirty with me what a plonker on your bike mate bugger all mate chip shop bits and bobs smashing mush bugger cup of char, in [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":2744,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[40,42,77],"class_list":["post-2746","docs","type-docs","status-publish","hentry","doc_tag-doc","doc_tag-example","doc_tag-tag","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/docs\/2746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/comments?post=2746"}],"version-history":[{"count":0,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/docs\/2746\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/docs\/2744"}],"wp:attachment":[{"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/media?parent=2746"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wordpress-theme.spider-themes.net\/docy\/wp-json\/wp\/v2\/doc_tag?post=2746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}