@nospamproxy/core
    Preparing search index...

    Class LabelGrid

    A simple two column grid to display labels on the left side of values or form controls.

    <label-grid>
      <label-grid-label value="Controls"></label-grid-label>
      <dropdown-control></dropdown-control>

      <label-grid-label value="Some values"></label-grid-label>
      <value-text value="42"></value-text>

      <!-- Multiple controls can be used per label: -->
      <label-grid-label value="Multiple controls"></label-grid-label>
      <dropdown-control></dropdown-control>
      <text-box></text-box>

      <!-- textblock with full row in the grid, multiple controls can be used: -->
      <label-grid-text-block value="Full row"></label-grid-text-block>

      <!-- Custom content like a check box can be placed inside a label: -->
      <label-grid-label>
        <checkbox-control value.two-way="somethingEnabled">
          <normal-text value="Enable something"></normal-text>
        </checkbox-control>
      </label-grid-label>
      <dropdown-control disabled.bind="!somethingEnabled"></dropdown-control>
    </label-grid>

    Implements

    • ICustomElementViewModel
    Index

    Constructors

    constructor

    Properties

    span

    Methods

    unbinding

    Constructors

    • Returns LabelGrid

    Properties

    span: string = styles.span

    A class that can be used on an element to span both columns of a label grid.

    class Example {
      private LabelGrid = LabelGrid;
    }

    <label-grid>
      ...

      <small-heading value="Some heading"></small-heading>
      <normal-text value="Some descriptive text" class.bind="LabelGrid.span"></normal-text>

      ...
    </label-grid>

    Methods

    • Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods