Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin
Excerpt Include
ajax common header
ajax common header
nopaneltrue

Description

Wiki Markup
{snippet:id=javadoc|javadoc=true|url=struts2/plugins/dojo/src/main/java/org/apache/struts2/dojo/components/TabbedPanel.java}

Parameters

Wiki Markup
{snippet:id=tagattributes|javadoc=false|url=struts2-tags/ajax/a.html}

Examples

The following is an example of a tabbedpanel and panel tag utilizing local and remote content:

Wiki Markup
{snippet:id=example1|lang=xml|javadoc=true|url=struts2/plugins/dojo/src/main/java/org/apache/struts2/dojo/components/TabbedPanel.java}

Use notify topics to prevent a tab from being selected:

Wiki Markup
{snippet:id=example2|lang=xml|javadoc=true|url=struts2/plugins/dojo/src/main/java/org/apache/struts2/dojo/components/TabbedPanel.java}

tabbedPanel

Attribute

Type

Required

Default

Description

id

string

TRUE

 

The id to assign the component

Additional Configuration

If you are looking for the "nifty" rounded corner look, there is additional configuration. This assumes that the background color of the tabs is white. If you are using a different color, please modify the parameter in the Rounded() method.

Code Block

<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/tabs.css"/>">
<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyCorners.css"/>">
<link rel="stylesheet" type="text/css" href="<ww:url value="/webwork/niftycorners/niftyPrint.css"/>" media="print">
<script type="text/javascript" src="<ww:url value="/webwork/niftycorners/nifty.js"/>"></script>
<script type="text/javascript">
    dojo.event.connect(window, "onload", function() {
        if (!NiftyCheck())
            return;
        Rounded("li.tab_selected", "top", "white", "transparent", "border #ffffffS");
        Rounded("li.tab_unselected", "top", "white", "transparent", "border #ffffffS");
        // "white" needs to be replaced with the background color
    });
</script>