Places

 

  • Download
  • Documentation
  • Forums
  • Demo
  • Contact
  • Blog
  • My account

Meteora

Javascript Widgets

Controls

  • Autocomplete
  • Bubble
  • Calendar
  • Carousel
  • Datagrid
  • Dialog
  • Editor
  • Filebrowser
  • Form Control
  • Menu
  • Notebook
  • Picbox
  • Popup
  • Searchlist
  • Selection
  • Spinbutton
  • Tablesort
  • Toolbox
  • Treeview

Features

  • JsonRpc Core

Effects

  • Visual effects

Control.Toolbox

Before proceeding you may want to read our getting started page.

What does this control do?

Shows a customizable, draggable and floating div where you can place other elements.

For an usage example check out the Control.Toolbox demo.

How to use it?

In order to be able to use this control, paste this line of javascript right at the beginning of your script tag:

Meteora.uses('Control.Toolbox');

You may then be able to invoke the Autocomplete Widget

new Toolbox(
  // ELEMENT
  // ID or object reference of the element you want to put inside.
  'element-id',

  // OPTIONS
  {
    'autoClose': true,
    'autoMove': false,
    'enableDrag': true
  }
);

Options

autoClose

If true, closes the toolbox when the user clicks outside it.

autoMove

If true, the toolbox changes position according where the mouse click was expecting the best visibility.

enableDrag

If true, allows the toolbox to be draggable.

Methods

hide()

Hides the toolbox.

show()

Shows a hidden toolbox.

close()

Destroys the toolbox and all it's associated events.

setContent(element)

Replaces toolbox's inner content.

moveTo(left, top)

Moves toolbox to the specified coordinates given in pixels.

isHidden()

Returns true if the toolbox is currently hidden.

Powered by textmotion

(c) 2008 Astrata Software