agorum.toolBar

Das agorum.toolBar-Layout stellt seine Elemente (typischerweise Schaltflächen) in einer horizontalen oder vertikalen Toolbar dar.

• Container verwenden das toolBar-Layout in der Regel nur für die vier zusätzlichen Regionen top, bottom, left und right, vergleichbar mit north, south, west und east, jedoch immer mit fester Größe ganz am Rand des Containers angedockt.
• Verwenden Sie bei left und right in der Toolbar nur Schaltflächen mit Symbol und ohne Text, da das System diese sonst unnötig breit darstellt.

Events

---

keine

Parameter

---

docked

Verwenden Sie diesen Parameter nur innerhalb einer dieser Regionen:

• top
• right
• bottom
• left

Funktionen

---

keine

Beispiel

---

 

 

module.exports = {
  type: 'agorum.border',
  width: 600,
  height: 400,
  docked: {
    top: {
      type: 'agorum.toolBar',
      items: [
        {
          type: 'agorum.button',
          text: 't'
        }
      ]
    },
    bottom: {
      type: 'agorum.toolBar',
      items: [
        {
          type: 'agorum.button',
          text: 'b'
        }
      ]
    },
    left: {
      type: 'agorum.toolBar',
      items: [
        {
          type: 'agorum.button',
          text: 'l'
        }
      ]
    },
    right: {
      type: 'agorum.toolBar',
      items: [
        {
          type: 'agorum.button',
          text: 'r'
        }
      ]
    },
    center: {
      type: 'agorum.textArea',
      text: 'center'
    },
    north: {
      type: 'agorum.textArea',
      text: 'north',
      height: 100
    },
    south: {
      type: 'agorum.textArea',
      text: 'south',
      height: 100
    },
    west: {
      type: 'agorum.textArea',
      text: 'west',
      width: 100
    },
    east: {
      type: 'agorum.textArea',
      text: 'east',
      width: 100
    }
  }
};