diff --git a/src/sql/parts/modelComponents/checkbox.component.ts b/src/sql/parts/modelComponents/checkbox.component.ts
index edf91666f0..d04dea5258 100644
--- a/src/sql/parts/modelComponents/checkbox.component.ts
+++ b/src/sql/parts/modelComponents/checkbox.component.ts
@@ -18,7 +18,7 @@ import { CommonServiceInterface } from 'sql/services/common/commonServiceInterfa
import { attachInputBoxStyler, attachListStyler } from 'vs/platform/theme/common/styler';
@Component({
- selector: 'inputBox',
+ selector: 'checkbox',
template: `
`
diff --git a/src/sql/parts/modelComponents/componentBase.ts b/src/sql/parts/modelComponents/componentBase.ts
index 38f660628e..6897b9b757 100644
--- a/src/sql/parts/modelComponents/componentBase.ts
+++ b/src/sql/parts/modelComponents/componentBase.ts
@@ -86,10 +86,10 @@ export abstract class ComponentBase extends Disposable implements IComponent, On
});
}
- public get title(): string {
+ public get enabled(): boolean {
let properties = this.getProperties();
- let title = properties['title'];
- return title ? title : '';
+ let enabled = properties['enabled'];
+ return enabled !== undefined ? enabled : true;
}
public get valid(): boolean {
diff --git a/src/sql/parts/modelComponents/dropdown.component.ts b/src/sql/parts/modelComponents/dropdown.component.ts
index c4afb27ac4..00d613e0ae 100644
--- a/src/sql/parts/modelComponents/dropdown.component.ts
+++ b/src/sql/parts/modelComponents/dropdown.component.ts
@@ -19,7 +19,7 @@ import { attachListStyler } from 'vs/platform/theme/common/styler';
import { attachEditableDropdownStyler } from 'sql/common/theme/styler';
@Component({
- selector: 'inputBox',
+ selector: 'dropdown',
template: `
`
diff --git a/src/sql/parts/modelComponents/formContainer.component.ts b/src/sql/parts/modelComponents/formContainer.component.ts
index 7342871a09..7f6bfd5784 100644
--- a/src/sql/parts/modelComponents/formContainer.component.ts
+++ b/src/sql/parts/modelComponents/formContainer.component.ts
@@ -22,6 +22,8 @@ export interface TitledFormItemLayout {
actions?: string[];
isFormComponent: Boolean;
horizontal: boolean;
+ width: number;
+ componentWidth: number;
}
class FormItem {
constructor(public descriptor: IComponentDescriptor, public config: TitledFormItemLayout) { }
@@ -29,20 +31,20 @@ class FormItem {
@Component({
template: `
-