Use myTab.addSpacer() to add a spacer to a tab, where myTab is a Tab object.

Example

 function onLoad() {
 
     // Create a new tab
     var tab = Setup.addTab( "New Tab" );
 
     // Add a checkbox to the tab
     tab.addText( "Welcome to Klipfolio Dashboard.");
     tab.addSpacer( true );
     
     tab.addText( "Klipfolio Dashboard is a real-time information 
 			awareness and notification platform.");
     tab.addSpacer( false );
     
     tab.addText( "http://www.serence.com/");
 }
 

Each Tab object in the Setup array corresponds to a tab in a Klip's Customize window. This window is visible when a user right-clicks on a Klip and chooses the command 'Customize Klip...'

Each Tab object can have multiple UI components, and each Klip can have multiple tabs. Use the Button, Checkbox, ComboBox, ListControl, Spacer, Text, TextArea, and TextField objects in a tab to enable users to configure the Klip to their preferences.

Properties Detail

bevel

boolean bevel

Specifies whether this component displays a horizontal line for added visual separation.

Example:
The following Klip creates a new tab called 'New Tab', adds a visual spacer.



<klip>
   <identity>
      <title>
         API: Spacer.bevel
      </title>
   </identity>
   <locations>
      <contentsource>
         http://support.klipfolio.com/files/demo/demo.xml
      </contentsource>
      <icon>
         http://www.klipfolio.com/static/klips/klipfolio/sample_icon.png
      </icon>
      <banner>
         http://www.klipfolio.com/static/klips/klipfolio/sample_banner.png   
      </banner>
   </locations>
   <style>
      alert {
         type: item;
      }

      sender {
         itemcol: 2;
         noterow: 1;

         label: 'Sender';

         emphasis: strong;
      }


      summary {
         itemcol: 3;
         noterow: 4;

         wrap: false;

         notelabel: false;
      }

      date {
         itemcol: 4;
         noterow: 2;

         label: 'Date';
      }

      category {
         noterow: 3;

         label: 'Category';
      }


      level {
         itemcol: 1;
         noterow: 5;
         notelabel: false;
         
         type: image;
      }

      url {
         type: link;
      }
            
      id {
         key: override;
      }
   </style>
   <klipscript>
   <![CDATA[

function onLoad() {

    // Create a new tab
    var tab = Setup.addTab( "New Tab" );

    // Add a checkbox to the tab
    tab.addText( "Welcome to Klipfolio Dashboard.");
    newSpacer = tab.addSpacer( false );
    
    // Show the bevel
    newSpacer.bevel = true;

    tab.addText( "More Text.");
}

function onRefresh()
{
    return Engines.Data.process( Prefs.contentsource );
}
  
   ]]>
   </klipscript>
</klip>