How do you go about creating new containers for page layout? Specifically I interested in the tabbed layout. There is a container for 2 and 3 tabs. But, how would I create containers with more tabs?

Hi gkar47

Containers are configured in this file :
webapps/portal/WEB-INF/conf/uiconf/portal/webui/container/ContainerConfigOption.groovy

You can add yours on same model.

Thank you, I think I see how the containers are constructed in this file.

I assume that I override this file with an extension WAR and place my version in the same relative place in my WAR, correct?

For the following:

tabs.addSelectItemOption(new SelectItemOption("threeTabs",
"<container template=\"system:/groovy/portal/webui/container/UIContainer.gtmpl\">" +
"<container template=\"system:/groovy/portal/webui/container/UITabContainer.gtmpl\">" +
" <factory-id>TabContainer</factory-id>" +
" <container template=\"system:/groovy/portal/webui/container/UIContainer.gtmpl\"></container>" +
" <container template=\"system:/groovy/portal/webui/container/UIContainer.gtmpl\"></container>" +
" <container template=\"system:/groovy/portal/webui/container/UIContainer.gtmpl\"></container>" +
"</container>" +
"</container>",
"ThreeTabContainerLayout")) ;

What are the purpose of the values "threeTabs", and "ThreeTabContainerLayout"? Do one or the other of these map to a resource bundle somewhere for language translation? If so where, and which one?

Correct.

threeTabs is a label, specified here : webapps/portal/WEB-INF/classes/locale/portal/webui.properties
ThreeTabContainerLayout is a css class defined here : eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/Stylesheet.css
 

Thank you.

I found what appears to be the problem with loading the image for my custom container. In my JAR file that starts my extension in the configuration.xml I was using

<object type="org.exoplatform.container.definition.PortalContainerDefinitionChange$AddDependenciesBefore"> instead of <object type="org.exoplatform.container.definition.PortalContainerDefinitionChange$AddDependencies">.

Once I corrected this the image started showing up correctly.