Merge pull request #259 from mgusmano/ext-angular-6.7.x

containerfield

Author: mgusmano

packages/ext-angular-kitchensink/src/app/app.module.ts

@@ -153,7 +153,6 @@ import {ExporterPluginComponent} from '../examples/PivotGrid/ExporterPlugin/Expo
 import {OutlineLayoutComponent} from '../examples/PivotGrid/OutlineLayout/OutlineLayout'
 import {PivotGridWidgetsComponent} from '../examples/PivotGrid/PivotGridWidgets/PivotGridWidgets'
 import {RangeEditorPluginComponent} from '../examples/PivotGrid/RangeEditorPlugin/RangeEditorPlugin'
-import {RowStylingComponent} from '../examples/PivotGrid/RowStyling/RowStyling'
 import {TabularLayoutComponent} from '../examples/PivotGrid/TabularLayout/TabularLayout'
 
 import {SimpleDragDropComponent} from "../examples/DragAndDrop/Simple/Simple";
@@ -613,7 +612,6 @@ export const routingModule: ModuleWithProviders = RouterModule.forRoot(routes, {
     OutlineLayoutComponent,
     PivotGridWidgetsComponent,
     RangeEditorPluginComponent,
-    RowStylingComponent,
     TabularLayoutComponent,
 
     SimpleDragDropComponent,

packages/ext-angular-kitchensink/src/examples/FormFields/ContainerField/ContainerField.html

@@ -1,28 +1,35 @@
 <container padding="10" layout="fit" [fitToParent]="true">
-    <container [shadow]="true" [top]="top" [left]="left" [width]="width" [height]="height"
-    [layout]="vbox" [padding]="10" 
-    >
-    <panel  [ui]="'instructions'" [margin]="'0 0 20 0'" [shadow]="true"
-        [html]="'<b>ContainerField</b> allows you to apply a single label to multiple fields.
+
+  <formpanel [shadow]="true" [top]="top" [left]="left" [width]="width" [height]="height"
+    [layout]="{type: 'vbox', align: 'left'}" [bodyPadding]="10"
+    [defaults]="{labelAlign: 'left', labelTextAlign: 'right'}">
+
+    <container>
+      <span #extitem>
+        <b>ContainerField</b> allows you to apply a single label to multiple fields.
         This is especially useful for groups of checkboxes, radio buttons, and other compound 
-        fields.'"
-    ></panel>
-    <container padding="10" layout="fit" [fitToParent]="true"><formpanel  [layout]="'form'" [shadow]="true" [defaults]="{labelAlign: 'left', labelTextAlign: 'right'}">
-        <containerfield  [label]="'Name'" [layout]="isPhone ? 'vbox' : 'hbox'" [defaults]="{labelAlign: 'bottom'}">
-            <textfield  [label]="'First'"></textfield>
-            <textfield  [label]="'Middle'"></textfield>
-            <textfield  [label]="'Last'"></textfield>
-        </containerfield>
-        <containerfield  [label]="'Vehicle Class'" [layout]="{type: 'vbox', align: 'left'}" [defaults]="{ margin: '0' }">
-            <radiofield  [boxLabel]="'Compact'" [name]="'priority'"></radiofield>
-            <radiofield  [boxLabel]="'Mid-size'" [name]="'priority'"></radiofield>
-            <radiofield  [boxLabel]="'SUV'" [name]="'priority'"></radiofield>
-        </containerfield>
-        <containerfield  [label]="'Options'" [layout]="{type: 'vbox', align: 'left'}">
-            <checkboxfield  [boxLabel]="'A/C'"></checkboxfield>
-            <checkboxfield  [boxLabel]="'Leather'"></checkboxfield>
-            <checkboxfield  [boxLabel]="'Nav'"></checkboxfield>
-        </containerfield>
-    </formpanel>
-</container>
+        fields.
+      </span>
+    </container>
+
+    <containerfield [label]="'Name'" [layout]="isPhone ? 'vbox' : 'vbox'" [defaults]="{labelAlign: 'bottom'}">
+      <textfield [label]="'First'"></textfield>
+      <textfield [label]="'Middle'"></textfield>
+      <textfield [label]="'Last'"></textfield>
+    </containerfield>
+
+    <containerfield [label]="'Vehicle Class'" [layout]="{type: 'vbox', align: 'left'}" [defaults]="{ margin: '0' }">
+      <radiofield [boxLabel]="'Compact'" [name]="'priority'"></radiofield>
+      <radiofield [boxLabel]="'Mid-size'" [name]="'priority'"></radiofield>
+      <radiofield [boxLabel]="'SUV'" [name]="'priority'"></radiofield>
+    </containerfield>
+
+    <containerfield [label]="'Options'" [layout]="{type: 'vbox', align: 'left'}">
+      <checkboxfield [boxLabel]="'A/C'"></checkboxfield>
+      <checkboxfield [boxLabel]="'Leather'"></checkboxfield>
+      <checkboxfield [boxLabel]="'Nav'"></checkboxfield>
+    </containerfield>
+
+  </formpanel>
+
 </container>

packages/ext-angular-kitchensink/src/examples/PivotGrid/RowStyling/RowStyling.html

@@ -140,7 +140,6 @@ import {ExporterPluginComponent} from './PivotGrid/ExporterPlugin/ExporterPlugin
 import {OutlineLayoutComponent} from './PivotGrid/OutlineLayout/OutlineLayout'
 import {PivotGridWidgetsComponent} from './PivotGrid/PivotGridWidgets/PivotGridWidgets'
 import {RangeEditorPluginComponent} from './PivotGrid/RangeEditorPlugin/RangeEditorPlugin'
-import {RowStylingComponent} from './PivotGrid/RowStyling/RowStyling'
 import {TabularLayoutComponent} from './PivotGrid/TabularLayout/TabularLayout'
 
 import { CarouselComponent } from './Carousel/Carousel';