How to use pane & panel ?

laurentmartin , May 06 2012
l
laurentmartin

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

admin

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

l
laurentmartin

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

admin

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

l
laurentmartin

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

admin

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

l
laurentmartin

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

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