Basetabpane

A basetabpane is the non-visual container for content in basetabs. Each basetabpane has a corresponding basetab created. Normally, you won't want to extend this class. If you want a consistent background across all basetabpanes, you can add a background to your basetabscontent component. If you want a different background for each basetabpane, you could do that in the content placed inside of your basetabpane.

Be aware that the content of basetabpane is initstage="late" . You can override this by declaring an initstage on a specific subclass or instance of basetabpane.

<basetabpane initstage="normal">
  <!-- ..content... -->
</basetabpane>

Note: The parent of a <basetabpane> is <basetabs>, but its immediate parent is the default placement of the basetabscontent.

Example 1. parent and immediate parent of basetabpane

<canvas width="500" height="140" debug="true">
  <debug x="150" y="10"/>
  
  <include href="base"/>

  <class name="aquatab" extends="basetab" width="40" height="20" bgcolor="aqua">
    <text>tab</text>
  </class>
  
  <class name="borderedtabscontent" extends="basetabscontent" bgcolor="black">
    <attribute name="defaultplacement" value="borderedcontent" type="string"/>
    <view name="borderedcontent"
          x="${parent.parent.bordersize}"
          y="${parent.parent.bordersize}"
          width="${parent.width-(2*parent.parent.bordersize)}"
          height="${parent.height-(2*parent.parent.bordersize)}"
          clip="true" bgcolor="red"/>
  </class>

  <basetabs x="10" y="10" bordersize="3" 
            tabclass="aquatab" 
            contentclass="borderedtabscontent">
    <basetabpane name="one">
      <handler name="onvisible" args="isvisible">
        if (isvisible) {
          Debug.write("parent: " + parent);
          Debug.write("immediate parent: " + immediateparent);
        }
      </handler>
      <text>one</text>
    </basetabpane>
    <basetabpane>
      <text>two</text>
    </basetabpane>
    <basetabpane>
      <text height="${parent.height}" width="${parent.width}" 
            bgcolor="green">
        three
      </text>
    </basetabpane>
  </basetabs>
</canvas>

Attributes
Name	Usage	Type (Tag)	Type (JS)	Default	Category
datacontrolsvisibility	Tag & JS	expression	any	false	setter
	If a datapath tag is declared, this attribute will be passed to the datapath when it's created. Default is false.

inset_bottom	Tag & JS	number	Number		setter
	Bottom inset for basetabpane in tabs content. Default is basetabs's inset_bottom.

inset_left	Tag & JS	number	Number		setter
	Left inset for basetabpane in tabs content. Default is basetabs's inset_left.

inset_right	Tag & JS	number	Number		setter
	Right inset for basetabpane in tabs content. Default is basetabs's inset_right.

inset_top	Tag & JS	number	Number		setter
	Top inset for basetabpane in tabs content. Default is basetabs's inset_top.

selected	Tag & JS	boolean	Boolean	false	setter
	If a basetabpane is selected, then it will be shown. Its associated tab will be also be selected.

tab	Tag & JS	expression	any	null	readonly
	The tab associated with this basetabpane.

tabclass	Tag only	string			final
	The tabclass to use to instantiate its associated tab. This overrides the basetabs tabclass. Leave undefined here so that basetabs can have it.

<basetabpane>

Methods