How to use pane & panel ?

I don't success to find how to use those function. I insert them in the drag and drop but when i go on the front page no tabs get displaid

Hello,

This is the elements order you should follow:

#1- Start Pane.
#2- Start Panel. (Tab 1)
#3- End Panel.
#4- Start Panel. (Tab 2)
#5- End Panel.
#6- End Pane.

In the new release (hopefully today) we have a new element, the container, which may be extended to make adding tabs easier, but not yet.

Regards,
Max

hi max,
thanks for your answer but how to do Tab 1 / Tab 2
On my side the switch works fine but i have no grey tab appearing at all

Hi,

If the tabs text is there but the the tab itself doesn't appear then your template doesn't have the Joomla tabs CSS included, you may try to copy it from one of core Joomla themes, if you can't do this then let me know and I will try to extract it and post it here.

Regards,
Max

Hi max,

The tab text are there indeed. But indeed no tab "looking" present.

So far my test are made on standard joomla template JA Purity

I have no idea so far how to make them included in the template.

What is your advice about it ?

Regards

I don't think the J1.5 template has the tabs CSS, the code below is from the Beez2 J1.6 template:

dl.tabs {
    clear: both;
    float: left;
    margin: 50px 0 0;
    z-index: 50;
}
dl.tabs dt {
    background: none repeat scroll 0 0 #F0F0F0;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #666666;
    float: left;
    margin-right: 3px;
    padding: 4px 10px;
}
dl.tabs dt.open {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    color: #000000;
    z-index: 100;
}
div.current {
    border: 1px solid #CCCCCC;
    clear: both;
    max-width: 500px;
    padding: 10px;
}
div.current dd {
    margin: 0;
    padding: 0;
}
dl#content-pane.tabs {
    margin: 1px 0 0;
}

Just use a "Load CSS" action to add it to your form.

Regards,
Max

HI Max,

It works well for the tab but not for the slide

How to do for the slide ?

By the way thank you for your help so far