Resource icon

[Template Modifications] How to make a tabbed widget

  • Upgrade Your Account
    Hello Guest ! Upgrade your account to download any of our premium products Here.
    How to upgrade your account to download resources Learn More.
    Guest need to read through our rules and regulations Learn More.
    Important! Read your welcome message To know how to download.

  • To Post New THREAD With Attachments Please ADD RESOURCE… HERE

J0ker

Staff member
Administrator
Moderator
SViP
V.I.P
Member+
Nov 30, 2017
3,079
3,538
120
J0ker submitted a new resource:

How to make a tabbed widget - This guide show you how to make a widget with tabs with more widgets inside

First you need to configure the widgets you want in tabs without position (Write down the widgets keys)
Now create a widget html and in the template put something like this

Code:
<div class="block">
    <div class="block-container">
         <h2 class="widget-tabs block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist">
             <span class="hScroller-scroll">
                 <a href="url to the content"
                        class="tabs-tab...
Read more about this resource...