• Hello Fabrik Community

    Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.

    Exciting times to be sure.

    The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section

    We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..

    Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.

icons for tabs in tabbed form

vaguemind

Vaguemind
I have a tabbed form which contain of two groups , i need to put an icons beside the text of each tab on this form ?? how can i do this pls ?

also this tabbed form has two groups (forms ) which submits data entered , i need to know when press submit button , the data of two groups(forms) submitted in one list ? how i separate them ? as they already two different forms but i gathered them in one tabbed form ?

Thanks
 
Hi
You will need to create a custom template:
copy components/com_fabrik/views/form/tmpl/bootstrap_tabs and rename it to bootstrap_tabs_icons
Edit your form and select this new template as the form template.
Then go into the file default.php and edit

Code:
<a href="#group-tab<?php echo $i;?>" data-toggle="tab" id="group<?php echo $group->id;?>_tab">
                        <?php
                            if (!empty($group->title))
                            {
                                echo $group->title;
                            }
                            else
                            {
                                echo $group->name;
                            }
                        ?>
                    </a>
adding in the icons you need, so something like:

Code:
<a href="#group-tab<?php echo $i;?>" data-toggle="tab" id="group<?php echo $group->id;?>_tab">
                        <?php
                            if (!empty($group->title))
                            {
                                echo $group->title;
                            }
                            else
                            {
                                echo $group->name;
                            }
switch ($group->id)  {
  case 1:
    $icon = 'icon-plus';
  default:
   $icon = 'icon-times;
}
                        ?>
<span class="<?php echo $icon;?>"></span>
                    </a>
 
I'm using icons on tabs. Did it with css for every tab:

.nav.nav-tabs [href~="#group-tab0"]::before {
content: "?";
font-family: fontawesome;
}
 
We are in need of some funding.
More details.

Thank you.

Members online

Back
Top