Thu Apr 17, 2014, 3:48 am
Showing 1 to 7 of 7 entries.
Sun May 6, 2012, 10:42 pm

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

164
Fri May 14, 2010, 5:19 am
Mon May 7, 2012, 12:26 pm

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


If your main question got answered then please select the answer using the GREEN button!

admin
Moderator
10209
Mon Aug 14, 2006, 1:29 am

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

164
Fri May 14, 2010, 5:19 am
Wed May 9, 2012, 8:53 am

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


If your main question got answered then please select the answer using the GREEN button!

admin
Moderator
10209
Mon Aug 14, 2006, 1:29 am

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

164
Fri May 14, 2010, 5:19 am
Thu May 10, 2012, 6:25 am

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

Code: Select all
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


If your main question got answered then please select the answer using the GREEN button!

admin
Moderator
10209
Mon Aug 14, 2006, 1:29 am

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

164
Fri May 14, 2010, 5:19 am
Showing 1 to 7 of 7 entries.

Powered by ChronoForums - ChronoEngine.com

ChronoForms Book

The ChronoForms Book, written for ChronoForms v3 contains 350 pages of invaluable ChronoForms How-tos hints and tips.

Note: many of the ideas can be used in ChronoForms v4 but the admin interface is very different and code examples may need to be modified.

SSL

Members Login

 

2CheckOut.com Inc. (Ohio, USA) is an authorized retailer for
goods and services provided by ChronoEngine.com