diff --git a/src/sql/parts/modelComponents/flexContainer.component.ts b/src/sql/parts/modelComponents/flexContainer.component.ts
index 78c1c5a92b..ede12e7a90 100644
--- a/src/sql/parts/modelComponents/flexContainer.component.ts
+++ b/src/sql/parts/modelComponents/flexContainer.component.ts
@@ -26,7 +26,7 @@ class FlexItem {
template: `
-
+
@@ -40,6 +40,7 @@ export default class FlexContainer extends ContainerBase
impleme
private _justifyContent: string;
private _alignItems: string;
private _alignContent: string;
+ private _textAlign: string;
private _height: string;
private _width: string;
@@ -65,6 +66,7 @@ export default class FlexContainer extends ContainerBase impleme
this._justifyContent = layout.justifyContent ? layout.justifyContent : '';
this._alignItems = layout.alignItems ? layout.alignItems : '';
this._alignContent = layout.alignContent ? layout.alignContent : '';
+ this._textAlign = layout.textAlign ? layout.textAlign : '';
this._height = this.convertSize(layout.height);
this._width = this.convertSize(layout.width);
@@ -96,6 +98,10 @@ export default class FlexContainer extends ContainerBase impleme
return this._alignContent;
}
+ public get textAlign(): string {
+ return this._textAlign;
+ }
+
private getItemFlex(item: FlexItem): string {
return item.config ? item.config.flex : '1 1 auto';
}
diff --git a/src/sql/parts/modelComponents/formContainer.component.ts b/src/sql/parts/modelComponents/formContainer.component.ts
index 49067418f6..a881b2e9b8 100644
--- a/src/sql/parts/modelComponents/formContainer.component.ts
+++ b/src/sql/parts/modelComponents/formContainer.component.ts
@@ -118,11 +118,11 @@ export default class FormContainer extends ContainerBase impleme
}
private getFormWidth(): string {
- return this.convertSize(this._formLayout && this._formLayout.width, '100%');
+ return this.convertSize(this._formLayout && this._formLayout.width, '');
}
private getFormHeight(): string {
- return this.convertSize(this._formLayout && this._formLayout.height, '100%');
+ return this.convertSize(this._formLayout && this._formLayout.height, '');
}
private getComponentWidth(item: FormItem): string {
diff --git a/src/sql/sqlops.proposed.d.ts b/src/sql/sqlops.proposed.d.ts
index 206ae39aff..69b5ef50bf 100644
--- a/src/sql/sqlops.proposed.d.ts
+++ b/src/sql/sqlops.proposed.d.ts
@@ -216,6 +216,11 @@ declare module 'sqlops' {
* Container Width
*/
width?: number | string;
+
+ /**
+ *
+ */
+ textAlign?: string
}
export interface FlexItemLayout {