insidelabdev

insidelabdev supports this item

Supported

This author's response time can be up to 1 business day.

12 comments found.

Nice work insidelab, well done! :)

Thanks :)

(sent via message)

check email

Hi

Great job with this!

However, I’m trying to add more tabs but it’s not working for some reason. The tab is being added, but the content doesn’t show.

Here’s the HTML – http://cloud.thesislove.com/0c0q2V3b2D14

Here’s a GIF for the Front-End display – http://cloud.thesislove.com/0m3i2W3P0E0w

Appreciate your help!

Thanks!

check email

Is it possible to make tabs changing on hover not click…

hi i will made that in next update

robigd

robigd Purchased

Hi, I am trying to modify the tabs inside tabs page. I added a new subtab and a new section with the class matching the class of the subtab, yet when I click the tab, the section does not show up under the tab. Not sure what I am doing wrong here, but it seems like a pretty trivial task based on the rest of the code. Thanks!

Hi thanks for your purchase Please check your css code and depending of section you name add it in settings.css file
.tabs .section-one:checked ~ ul .section-one,
    .tabs .section-two:checked ~ ul .section-two,
    .tabs .section-three:checked ~ ul .section-three { 
        position:relative;
        z-index:10;
        visibility:visible;
        opacity:1;
    }

Hi, i´d like to know if this code is compatible with tha latest version of joomla, if so, do you provide instructions on how to get it to work in joomla properly? Looking forward to hearing from you soon, thanks

Hello thank you for your interest But this code is only html and css not joomla plugin

So in this case if you want it you need to install it manually like copy html code and paste in area you want in your joomla theme

Hi, I recently purchased this item, installed on a joomla based site, it seems to work just perfect, the only thing is i have created six tabs, the content of the sixth tab doesnt show…not sure if im missing something, you can see it on:

http://smbtraderbolsa.com/mirror/SMBNS/

It is titled NUESTRA PROPUESTA FORMATIVA

I really appreciate your assistance, thanks

please add your section six in settings.css like this

.tabs .section-one:checked ~ ul .section-one,
    .tabs .section-two:checked ~ ul .section-two,
    .tabs .section-three:checked ~ ul .section-three,
    .tabs .section-four:checked ~ ul .section-four,
    .tabs .section-five:checked ~ ul .section-five,
.tabs .section-six:checked ~ ul .section-six{ 
        position:relative;
        z-index:10;
        visibility:visible;
        opacity:1;
    }

I’m trying to add more tabs but it’s not working for some reason.

The tab is being added, but the content doesn’t show.

I see someone else had the same problem, see above (6 months ago) and instead of responding with the answer here in the forum, you emailed them privately.

Why not simply respond here, so other customers with the same problem can benefit from the solution, instead of you having to revisit the same problem over and over again.

Appreciate your help!

Thanks!

Lets suppose you have the tabs with two labels and two sections and you want to add a third tab

We need first to add a third label

    <input type="radio" id="tabs-widget-three" name="tabs" class="tabs-widget-input tabs-widget-section-three">
    <label for="tabs-widget-three" class="tabs-widget-label"><i class="icon-power2" />Smart</label>

Then we add a section


    <li class="tabs-widget-section-three">
        <div class="grid-holder">
            <div class="column twelve">
                <h4>Consectetuer adipiscing</h4>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstra lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuedium.</p>
                <p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstra lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuedium.</p>    
            </div>    
        </div>    
    </li>

After add the HTML code lets go to css to make them work

.tabs-widget .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
        .tabs-widget .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
        .tabs-widget .tabs-widget-section-three:checked ~ ul .tabs-widget-section-three { 
            position:relative;
            z-index:10;
            visibility:visible;
            opacity:1;
        }
´

Also if you are using animation in section we need to go to the animation we are working and add there the same code so lets suppose you are using the fade animation

.tabs-widget-fade .tabs-widget-section-one:checked ~ ul .tabs-widget-section-one,
    .tabs-widget-fade .tabs-widget-section-two:checked ~ ul .tabs-widget-section-two,
    .tabs-widget-fade .tabs-widget-section-three:checked ~ ul .tabs-widget-section-three{
        opacity:1;
        -webkit-transition:all 0.8s ease-in-out;
           -moz-transition:all 0.8s ease-in-out;
                transition:all 0.8s ease-in-out;
    }

And thats it ready to work let me know if i can help with something else

rameaze

rameaze Purchased

Hello,

I am trying to add additional tab, however the tab is showing up but the tab content is not. I was looking through your comments section but notice you answer was email direct to the purchaser … can you let me know how I can fix this.

Thank for your work

let me know if you need anything help

rameaze

rameaze Purchased

HI ,

I figured out the tab content issue had to add the new tab to the css.

I am having a different problem. I am trying to insert a table with dynamic content with in the tab content area but it would not work… the content is not showing up. I tried a regular html table and the content would not show also.

Can you please help.

can you show me your url and tell me what are your dinamic content

Hi, 2 presale questions: 1. Can I put tabs under the content(in the bottom)? 2. Can I put images in the tabs(like thumbnails)?

Hi, yes

for first question we have an example with it just check it

https://www.insidelab-dev.com/envato/demo/tabs-framework/framework/tabs-inside-tabs/index.html

for second question we only at moment have exmaple with icons but you can easily add an image without problems

Also in this week tabs and other items at my portfolio we have an update with even more easy to use items

Let me know if i can help you with something else

assyelle

assyelle Purchased

Hi, Thank you for this code, it looks great. However, I have a question: why can’t I use, in content part, nothing else but

and

text tags? I need to show a grid (table) and submit button. How would it be possible? Thanks in advance for your reply! Best regards

so basically you need to add your table inside this css file

If you need some support just mail without problem :)

assyelle

assyelle Purchased

OK, I’ll try it! Thank you for your great support! Have a very nice day :)

by
by
by
by
by
by