Tabs in the elements of Zoo Component

[ghofrani]

Hello,

We want to use Tabs in the elements of Zoo.
We want to evaluate tabs in the Edit and Submission and Full and Teaser Views of the Zoo Component .

We are using JU Tabs Tabs Extension for Joomla 3 .

JU Tabs Homepage :
http://www.joomultra.com/joomla-extensi ... -tabs.html

We have Coded A new Element Named : TextSeparator
Which is used to run the system plugins such as JU Tabs in the frontend ( Edit , Submission And Full And Teaser Views) .
We attached the Text Separator Element Code .

joomla root.zip

As mentioned in the Picture Bellow :




As you can see we have this structure for elements :

Tab 001 – New Tab
Text Field 001
Tab 002 – New Tab
Text Field 002
Tab 003 – Close

But with this method the tabs are rendered in this way in frontend while editing Zoo Item :





As you can see all of the Text fields are rendered in each tab , but we included just one Text Field in each tab in design section of Zoo Elements .


How we can fix this ?

Also We want a facility to hide the Element Label while editing the Zoo item in Frontend .

Thanks
Saeed

[ghofrani]

Hello,

We finally could do the task using Regular labs tabs extension and the Yootheme pro page builder extension .

Regular labs Tabs Extension homepage :
https://extensions.joomla.org/extension/tabs/
version 7.7.3 pro, newer versions [8.3] did not work .

Yootheme pro page builder Extension homepage :
https://yootheme.com/page-builder


the structure :

html code : {tab title="tab 001"}
Grid of dynamic elements
html code : {tab title="tab 002"}
Grid of dynamic elements
html code : {/tabs}

Regards
Saeed

[ghofrani]

Hello,

We tested the last version of Regular Labs Tabs plugin and the problem is solved .
Version 8.3.1
This plugin is working with the Zoo Component itself too .

Thank GOD,

Have a Good Time.

Best Regards
Saeed Ghofrani Jahromi

[ghofrani]

Hello,

Also up to now to hide the element label from frontend while editing we found a solution and it is : just put an space in the alternative element label in the edit layout template of Zoo Component.