Merge pull request #466 from Syncfusion-Content/hotfix/hotfix-v26.1.35

SyncfusionBuild · web-flow · commit 10e9a05256ee · 2024-07-05T08:37:16.000+05:30
DOCINFRA-2341_merged_using_automation
diff --git a/ej2-react/code-snippet/multicolumn-combobox/columns/column-attribute/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/columns/column-attribute/app/index.jsx
@@ -24,7 +24,7 @@ function App() {
     { "EmpID": 1017, "Name": "Tom Williams", "Designation": "Developer", "Country": "Ukraine" },
     { "EmpID": 1018, "Name": "Grace", "Designation": "Developer", "Country": "Australia" },
     { "EmpID": 1019, "Name": "Olivia", "Designation": "Team Lead", "Country": "Ireland" },
-    { "EmpID": 1020, "Name": "James", "Designation": "Developer", "Country": "China" },
+    { "EmpID": 1020, "Name": "James", "Designation": "Developer", "Country": "China" }
 ];
   // maps the appropriate column to fields property
   const fields = { text: 'Name', value: 'EmpID' };
diff --git a/ej2-react/code-snippet/multicolumn-combobox/columns/column-attribute/index.css b/ej2-react/code-snippet/multicolumn-combobox/columns/column-attribute/index.css
@@ -1,3 +1,4 @@
+
 /* Represents the styles for loader */
 #loader {
     color: #008cff;
diff --git a/ej2-react/code-snippet/multicolumn-combobox/columns/column-attribute/index.html b/ej2-react/code-snippet/multicolumn-combobox/columns/column-attribute/index.html
@@ -15,6 +15,11 @@
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-react-multicolumn-combobox/styles/material.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <script src="systemjs.config.js"></script>
+    <style>
+        .e-custom-multicolumn {
+            font-weight: bolder;
+        }
+    </style>
 </head>
 
 <body>
diff --git a/ej2-react/code-snippet/multicolumn-combobox/columns/column-checkbox/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/columns/column-checkbox/app/index.jsx
@@ -33,7 +33,7 @@ function App() {
 
   return (
     // specifies the tag for render the MultiColumn ComboBox component
-    <MultiColumnComboBoxComponent id="multicolumn" dataSource={empData} fields={fields} text={text} disabled={true}>
+    <MultiColumnComboBoxComponent id="multicolumn" dataSource={empData} fields={fields} text={text}>
         <ColumnsDirective>
             <ColumnDirective field='EmpID' header='Employee ID' width={90} displayAsCheckBox={true}></ColumnDirective>
             <ColumnDirective field='Name' header='Name' width={90}></ColumnDirective>
diff --git a/ej2-react/code-snippet/multicolumn-combobox/columns/column-checkbox/app/index.tsx b/ej2-react/code-snippet/multicolumn-combobox/columns/column-checkbox/app/index.tsx
@@ -33,7 +33,7 @@ function App() {
 
   return (
     // specifies the tag for render the MultiColumn ComboBox component
-    <MultiColumnComboBoxComponent id="multicolumn" dataSource={empData} fields={fields} text={text} disabled={true}>
+    <MultiColumnComboBoxComponent id="multicolumn" dataSource={empData} fields={fields} text={text}>
         <ColumnsDirective>
             <ColumnDirective field='EmpID' header='Employee ID' width={90} displayAsCheckBox={true}></ColumnDirective>
             <ColumnDirective field='Name' header='Name' width={90}></ColumnDirective>
diff --git a/ej2-react/code-snippet/multicolumn-combobox/columns/column-template/index.css b/ej2-react/code-snippet/multicolumn-combobox/columns/column-template/index.css
@@ -7,3 +7,28 @@
     top: 45%;
     width: 30%;
 }
+
+.multicolumn-customize .ename {
+    opacity: .87;
+    font-size: 16px;
+    margin-top: 8px;
+}
+  
+.multicolumn-customize .country {
+    opacity: .87;
+    font-size: 16px;
+}
+
+.multicolumn-customize .job {
+    opacity: .54;
+    font-size: 14px;
+    margin-top: 15px;
+    margin-bottom: 7px;
+}
+
+.multicolumn-customize .empImage {
+    margin: 6px 16px;
+    float: left;
+    width: 50px;
+    height: 50px;
+}
diff --git a/ej2-react/code-snippet/multicolumn-combobox/items/cssClass/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/items/cssClass/app/index.jsx
@@ -4,7 +4,7 @@ import * as ReactDOM from 'react-dom';
 
 function App() {
   // defined the array of object data
-  const empData: { [key: string]: Object }[] = [
+  const empData = [
     { "EmpID": 1001, "Name": "Andrew Fuller", "Designation": "Team Lead", "Country": "England" },
     { "EmpID": 1002, "Name": "Robert", "Designation": "Developer", "Country": "USA" },
     { "EmpID": 1003, "Name": "Michael", "Designation": "HR", "Country": "Russia" },
@@ -27,9 +27,9 @@ function App() {
     { "EmpID": 1020, "Name": "James", "Designation": "Developer", "Country": "China" },
 ];
   // maps the appropriate column to fields property
-  const fields: Object = { text: 'Name', value: 'EmpID' };
+  const fields = { text: 'Name', value: 'EmpID' };
   // set text to multicolumn ComboBox input element
-  const text: string = 'Michael';
+  const text = 'Michael';
 
   return (
     // specifies the tag for render the MultiColumn ComboBox component
diff --git a/ej2-react/code-snippet/multicolumn-combobox/items/cssClass/index.css b/ej2-react/code-snippet/multicolumn-combobox/items/cssClass/index.css
@@ -8,7 +8,7 @@
     width: 30%;
 }
 
-.e-input-group.e-custom-multi-column {
+span.e-control-wrapper.e-custom-multi-column {
   color: #ab3243;
   background: #32a5ab;
 }
diff --git a/ej2-react/code-snippet/multicolumn-combobox/items/cssClass/index.html b/ej2-react/code-snippet/multicolumn-combobox/items/cssClass/index.html
@@ -15,6 +15,12 @@
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-react-multicolumn-combobox/styles/material.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <script src="systemjs.config.js"></script>
+    <style>
+        span.e-control-wrapper.e-custom-multi-column {
+            color: #ab3243;
+            background: #32a5ab;
+        }
+    </style>
 </head>
 
 <body>
diff --git a/ej2-react/code-snippet/multicolumn-combobox/items/enableAltRow/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/items/enableAltRow/app/index.jsx
@@ -4,7 +4,7 @@ import * as ReactDOM from 'react-dom';
 
 function App() {
   // defined the array of object data
-  const empData: { [key: string]: Object }[] = [
+  const empData = [
     { "EmpID": 1001, "Name": "Andrew Fuller", "Designation": "Team Lead", "Country": "England" },
     { "EmpID": 1002, "Name": "Robert", "Designation": "Developer", "Country": "USA" },
     { "EmpID": 1003, "Name": "Michael", "Designation": "HR", "Country": "Russia" },
@@ -27,9 +27,9 @@ function App() {
     { "EmpID": 1020, "Name": "James", "Designation": "Developer", "Country": "China" },
 ];
   // maps the appropriate column to fields property
-  const fields: Object = { text: 'Name', value: 'EmpID' };
+  const fields = { text: 'Name', value: 'EmpID' };
   // set text to multicolumn ComboBox input element
-  const text: string = 'Michael';
+  const text = 'Michael';
 
   return (
     // specifies the tag for render the MultiColumn ComboBox component
diff --git a/ej2-react/code-snippet/multicolumn-combobox/items/gridLines/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/items/gridLines/app/index.jsx
@@ -4,7 +4,7 @@ import * as ReactDOM from 'react-dom';
 
 function App() {
   // defined the array of object data
-  const empData: { [key: string]: Object }[] = [
+  const empData = [
     { "EmpID": 1001, "Name": "Andrew Fuller", "Designation": "Team Lead", "Country": "England" },
     { "EmpID": 1002, "Name": "Robert", "Designation": "Developer", "Country": "USA" },
     { "EmpID": 1003, "Name": "Michael", "Designation": "HR", "Country": "Russia" },
@@ -27,9 +27,9 @@ function App() {
     { "EmpID": 1020, "Name": "James", "Designation": "Developer", "Country": "China" },
 ];
   // maps the appropriate column to fields property
-  const fields: Object = { text: 'Name', value: 'EmpID' };
+  const fields = { text: 'Name', value: 'EmpID' };
   // set text to multicolumn ComboBox input element
-  const text: string = 'Michael';
+  const text = 'Michael';
 
   return (
     // specifies the tag for render the MultiColumn ComboBox component
diff --git a/ej2-react/code-snippet/multicolumn-combobox/items/rowHeight/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/items/rowHeight/app/index.jsx
@@ -4,7 +4,7 @@ import * as ReactDOM from 'react-dom';
 
 function App() {
   // defined the array of object data
-  const empData: { [key: string]: Object }[] = [
+  const empData = [
     { "EmpID": 1001, "Name": "Andrew Fuller", "Designation": "Team Lead", "Country": "England" },
     { "EmpID": 1002, "Name": "Robert", "Designation": "Developer", "Country": "USA" },
     { "EmpID": 1003, "Name": "Michael", "Designation": "HR", "Country": "Russia" },
@@ -27,9 +27,9 @@ function App() {
     { "EmpID": 1020, "Name": "James", "Designation": "Developer", "Country": "China" },
 ];
   // maps the appropriate column to fields property
-  const fields: Object = { text: 'Name', value: 'EmpID' };
+  const fields = { text: 'Name', value: 'EmpID' };
   // set text to multicolumn ComboBox input element
-  const text: string = 'Michael';
+  const text = 'Michael';
 
   return (
     // specifies the tag for render the MultiColumn ComboBox component
diff --git a/ej2-react/code-snippet/multicolumn-combobox/items/text/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/items/text/app/index.jsx
@@ -4,7 +4,7 @@ import * as ReactDOM from 'react-dom';
 
 function App() {
   // defined the array of object data
-  const empData: { [key: string]: Object }[] = [
+  const empData = [
     { "EmpID": 1001, "Name": "Andrew Fuller", "Designation": "Team Lead", "Country": "England" },
     { "EmpID": 1002, "Name": "Robert", "Designation": "Developer", "Country": "USA" },
     { "EmpID": 1003, "Name": "Michael", "Designation": "HR", "Country": "Russia" },
@@ -27,9 +27,9 @@ function App() {
     { "EmpID": 1020, "Name": "James", "Designation": "Developer", "Country": "China" },
 ];
   // maps the appropriate column to fields property
-  const fields: Object = { text: 'Name', value: 'EmpID' };
+  const fields = { text: 'Name', value: 'EmpID' };
   // set text to multicolumn ComboBox input element
-  const text: string = 'Michael';
+  const text = 'Michael';
 
   return (
     // specifies the tag for render the MultiColumn ComboBox component
diff --git a/ej2-react/code-snippet/multicolumn-combobox/sorting/sortOrder/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/sorting/sortOrder/app/index.jsx
@@ -1,4 +1,4 @@
-import { MultiColumnComboBoxComponent, ColumnsDirective, ColumnDirective } from '@syncfusion/ej2-react-multicolumn-combobox';
+import { MultiColumnComboBoxComponent, ColumnsDirective, ColumnDirective, SortOrder } from '@syncfusion/ej2-react-multicolumn-combobox';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
diff --git a/ej2-react/code-snippet/multicolumn-combobox/sorting/sortType/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/sorting/sortType/app/index.jsx
@@ -1,6 +1,4 @@
-
-
-import { MultiColumnComboBoxComponent, ColumnsDirective, ColumnDirective } from '@syncfusion/ej2-react-multicolumn-combobox';
+import { MultiColumnComboBoxComponent, ColumnsDirective, ColumnDirective, SortOrder} from '@syncfusion/ej2-react-multicolumn-combobox';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
@@ -48,5 +46,3 @@ function App() {
   );
 }
 ReactDOM.render(<App />, document.getElementById('multicolumn'));
-
-
diff --git a/ej2-react/code-snippet/multicolumn-combobox/templates/itemTemplate/index.css b/ej2-react/code-snippet/multicolumn-combobox/templates/itemTemplate/index.css
@@ -6,4 +6,9 @@
     position: absolute;
     top: 45%;
     width: 30%;
+}
+
+.name, .emp-id, .city {
+    border-bottom: 1px solid #e0e0e0;
+    padding: 6px 6px 4px 20px;
 }
diff --git a/ej2-react/code-snippet/multicolumn-combobox/templates/itemTemplate/index.html b/ej2-react/code-snippet/multicolumn-combobox/templates/itemTemplate/index.html
@@ -15,6 +15,12 @@
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-react-multicolumn-combobox/styles/material.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <script src="systemjs.config.js"></script>
+    <style>
+        .name, .emp-id, .city {
+            border-bottom: 1px solid #e0e0e0;
+            padding: 6px 6px 4px 20px;
+        }
+    </style>
 </head>
 
 <body>
diff --git a/ej2-react/code-snippet/multicolumn-combobox/virtualization/remotedata/app/index.jsx b/ej2-react/code-snippet/multicolumn-combobox/virtualization/remotedata/app/index.jsx
@@ -1,4 +1,5 @@
 import { MultiColumnComboBoxComponent, ColumnsDirective, ColumnDirective } from '@syncfusion/ej2-react-multicolumn-combobox';
+import { DataManager, WebApiAdaptor } from '@syncfusion/ej2-data';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/app/App.css b/ej2-react/code-snippet/pivot-table/react-preview/app/App.css
@@ -0,0 +1,12 @@
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-base/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-buttons/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-calendars/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-dropdowns/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-grids/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-charts/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-inputs/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-lists/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-navigations/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-popups/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-splitbuttons/styles/material.css');
+@import url('https://cdn.syncfusion.com/ej2/26.1.35/ej2-pivotview/styles/material.css');
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/app/App.jsx b/ej2-react/code-snippet/pivot-table/react-preview/app/App.jsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { PivotViewComponent } from '@syncfusion/ej2-react-pivotview';
+import { pivotData } from './datasource';
+import './App.css';
+
+function App() {
+    const dataSourceSettings = {
+        columns: [{ name: 'Date', caption: 'Date' }, { name: 'Product' }],
+        dataSource: pivotData,
+        expandAll: false,
+        filters: [],
+        drilledMembers: [{ name: 'Country', items: ['France'] }],
+        formatSettings: [{ name: 'Amount', format: 'C0' }],
+        rows: [{ name: 'Country' }, { name: 'State' }],
+        values: [{ name: 'Amount', caption: 'Sold Amount' }, { name: 'Quantity', caption: 'Quantity' }]
+    };
+    let pivotObj;
+    return (<PivotViewComponent ref={d => pivotObj = d} id='PivotView' height={350} dataSourceSettings={dataSourceSettings}>
+    </PivotViewComponent>);
+};
+
+export default App;
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/app/App.tsx b/ej2-react/code-snippet/pivot-table/react-preview/app/App.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IDataOptions, IDataSet, PivotViewComponent } from '@syncfusion/ej2-react-pivotview';
+import { pivotData } from './datasource';
+import './App.css';
+
+function App() {
+  const dataSourceSettings: IDataOptions = {
+    columns: [{ name: 'Date', caption: 'Date' }, { name: 'Product' }],
+    dataSource: pivotData as IDataSet[],
+    expandAll: false,
+    filters: [],
+    drilledMembers: [{ name: 'Country', items: ['France'] }],
+    formatSettings: [{ name: 'Amount', format: 'C0' }],
+    rows: [{ name: 'Country' }, { name: 'State' }],
+    values: [{ name: 'Amount', caption: 'Sold Amount' }, { name: 'Quantity', caption: 'Quantity' }]
+  };
+  let pivotObj: PivotViewComponent;
+  return (
+    <PivotViewComponent id='PivotView' ref={ (d: PivotViewComponent) => pivotObj = d } height={350} dataSourceSettings={dataSourceSettings}></PivotViewComponent>
+  );
+};
+
+export default App;
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/app/datasource.jsx b/ej2-react/code-snippet/pivot-table/react-preview/app/datasource.jsx
@@ -0,0 +1,17 @@
+export let pivotData = [
+    { Amount: 2100, Country: "Canada", Date: "FY 2005", Product: "Bike", Quantity: 22, State: "Alberta" },
+    { Amount: 1100, Country: "Canada", Date: "FY 2006", Product: "Van", Quantity: 32, State: "Quebec" },
+    { Amount: 3100, Country: "Canada", Date: "FY 2007", Product: "Car", Quantity: 22, State: "Alberta" },
+    { Amount: 4800, Country: "France", Date: "FY 2005", Product: "Bike", Quantity: 49, State: "Charente-Maritime" },
+    { Amount: 9100, Country: "France", Date: "FY 2007", Product: "Car", Quantity: 64, State: "Charente-Maritime" },
+    { Amount: 2350, Country: "France", Date: "FY 2008", Product: "Van", Quantity: 46, State: "Gers" },
+    { Amount: 3400, Country: "Germany", Date: "FY 2005", Product: "Bike", Quantity: 78, State: "Bayern" },
+    { Amount: 8400, Country: "Germany", Date: "FY 2006", Product: "Van", Quantity: 90, State: "Hamburg" },
+    { Amount: 7200, Country: "Germany", Date: "FY 2008", Product: "Car", Quantity: 92, State: "Bayern" },
+    { Amount: 1040, Country: "United Kingdom", Date: "FY 2005", Product: "Bike", Quantity: 47, State: "England" },
+    { Amount: 1500, Country: "United Kingdom", Date: "FY 2006", Product: "Van", Quantity: 24, State: "England" },
+    { Amount: 4820, Country: "United Kingdom", Date: "FY 2008", Product: "Car", Quantity: 72, State: "England" },
+    { Amount: 1520, Country: "United States", Date: "FY 2006", Product: "Bike", Quantity: 53, State: "North Carolina" },
+    { Amount: 3320, Country: "United States", Date: "FY 2007", Product: "Car", Quantity: 49, State: "South Carolina" },
+    { Amount: 6300, Country: "United States", Date: "FY 2008", Product: "Van", Quantity: 45, State: "South Carolina" },
+];
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/app/datasource.tsx b/ej2-react/code-snippet/pivot-table/react-preview/app/datasource.tsx
@@ -0,0 +1,17 @@
+export let pivotData: { [key: string]: Object }[] = [
+  { Amount: 2100, Country: "Canada", Date: "FY 2005", Product: "Bike", Quantity: 22, State: "Alberta" },
+  { Amount: 1100, Country: "Canada", Date: "FY 2006", Product: "Van", Quantity: 32, State: "Quebec" },
+  { Amount: 3100, Country: "Canada", Date: "FY 2007", Product: "Car", Quantity: 22, State: "Alberta" },
+  { Amount: 4800, Country: "France", Date: "FY 2005", Product: "Bike", Quantity: 49, State: "Charente-Maritime" },
+  { Amount: 9100, Country: "France", Date: "FY 2007", Product: "Car", Quantity: 64, State: "Charente-Maritime" },
+  { Amount: 2350, Country: "France", Date: "FY 2008", Product: "Van", Quantity: 46, State: "Gers" },
+  { Amount: 3400, Country: "Germany", Date: "FY 2005", Product: "Bike", Quantity: 78, State: "Bayern" },
+  { Amount: 8400, Country: "Germany", Date: "FY 2006", Product: "Van", Quantity: 90, State: "Hamburg" },
+  { Amount: 7200, Country: "Germany", Date: "FY 2008", Product: "Car", Quantity: 92, State: "Bayern" },
+  { Amount: 1040, Country: "United Kingdom", Date: "FY 2005", Product: "Bike", Quantity: 47, State: "England" },
+  { Amount: 1500, Country: "United Kingdom", Date: "FY 2006", Product: "Van", Quantity: 24, State: "England" },
+  { Amount: 4820, Country: "United Kingdom", Date: "FY 2008", Product: "Car", Quantity: 72, State: "England" },
+  { Amount: 1520, Country: "United States", Date: "FY 2006", Product: "Bike", Quantity: 53, State: "North Carolina" },
+  { Amount: 3320, Country: "United States", Date: "FY 2007", Product: "Car", Quantity: 49, State: "South Carolina" },
+  { Amount: 6300, Country: "United States", Date: "FY 2008", Product: "Van", Quantity: 45, State: "South Carolina" },
+];
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/app/index.tsx b/ej2-react/code-snippet/pivot-table/react-preview/app/index.tsx
@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import App from './App';
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/index.css b/ej2-react/code-snippet/pivot-table/react-preview/index.css
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/index.html b/ej2-react/code-snippet/pivot-table/react-preview/index.html
diff --git a/ej2-react/code-snippet/pivot-table/react-preview/systemjs.config.js b/ej2-react/code-snippet/pivot-table/react-preview/systemjs.config.js
diff --git a/ej2-react/pivotview/aggregation.md b/ej2-react/pivotview/aggregation.md
diff --git a/ej2-react/pivotview/data-binding.md b/ej2-react/pivotview/data-binding.md

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+`
`1`	`2`	`/* Represents the styles for loader */`
`2`	`3`	`#loader {`
`3`	`4`	`color: #008cff;`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`width: 30%;`
`9`	`9`	`}`
`10`	`10`
`11`		`-.e-input-group.e-custom-multi-column {`
	`11`	`+span.e-control-wrapper.e-custom-multi-column {`
`12`	`12`	`color: #ab3243;`
`13`	`13`	`background: #32a5ab;`
`14`	`14`	`}`