Added promise code. Started working on the scaling issues.

dist/preview release/gui/babylon.gui.d.ts

@@ -738,9 +738,19 @@ declare module BABYLON.GUI {
             _onPointerMove(target: Control, coordinates: BABYLON.Vector2): void;
             _onPointerUp(target: Control, coordinates: BABYLON.Vector2, pointerId: number, buttonIndex: number, notifyClick: boolean): void;
             /**
-                * This is so cool!
-                */
-            static ShowPickerDialog(advancedTexture: AdvancedDynamicTexture, pickerWidth: string, pickerHeight: string, lastColor: string, swatchLimit: number, swatchSize: number, numSwatchesPerLine: number, savedColors: Array<string>): string;
+                *
+                * @param advancedTexture defines the AdvancedDynamicTexture the dialog is assigned to
+                * @param options
+                */
+            static ShowPickerDialog(advancedTexture: AdvancedDynamicTexture, options: {
+                    pickerWidth?: string;
+                    pickerHeight?: string;
+                    lastColor?: string;
+                    swatchLimit?: number;
+                    swatchSize?: number;
+                    numSwatchesPerLine?: number;
+                    savedColors?: Array<string>;
+            }): string;
     }
 }
 declare module BABYLON.GUI {

dist/preview release/gui/babylon.gui.module.d.ts

@@ -833,9 +833,19 @@ declare module 'babylonjs-gui/2D/controls/colorpicker' {
             _onPointerMove(target: Control, coordinates: Vector2): void;
             _onPointerUp(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, notifyClick: boolean): void;
             /**
-                * This is so cool!
-                */
-            static ShowPickerDialog(advancedTexture: AdvancedDynamicTexture, pickerWidth: string, pickerHeight: string, lastColor: string, swatchLimit: number, swatchSize: number, numSwatchesPerLine: number, savedColors: Array<string>): string;
+                *
+                * @param advancedTexture defines the AdvancedDynamicTexture the dialog is assigned to
+                * @param options
+                */
+            static ShowPickerDialog(advancedTexture: AdvancedDynamicTexture, options: {
+                    pickerWidth?: string;
+                    pickerHeight?: string;
+                    lastColor?: string;
+                    swatchLimit?: number;
+                    swatchSize?: number;
+                    numSwatchesPerLine?: number;
+                    savedColors?: Array<string>;
+            }): string;
     }
 }
 
@@ -3734,9 +3744,19 @@ declare module BABYLON.GUI {
             _onPointerMove(target: Control, coordinates: BABYLON.Vector2): void;
             _onPointerUp(target: Control, coordinates: BABYLON.Vector2, pointerId: number, buttonIndex: number, notifyClick: boolean): void;
             /**
-                * This is so cool!
-                */
-            static ShowPickerDialog(advancedTexture: AdvancedDynamicTexture, pickerWidth: string, pickerHeight: string, lastColor: string, swatchLimit: number, swatchSize: number, numSwatchesPerLine: number, savedColors: Array<string>): string;
+                *
+                * @param advancedTexture defines the AdvancedDynamicTexture the dialog is assigned to
+                * @param options
+                */
+            static ShowPickerDialog(advancedTexture: AdvancedDynamicTexture, options: {
+                    pickerWidth?: string;
+                    pickerHeight?: string;
+                    lastColor?: string;
+                    swatchLimit?: number;
+                    swatchSize?: number;
+                    numSwatchesPerLine?: number;
+                    savedColors?: Array<string>;
+            }): string;
     }
 }
 declare module BABYLON.GUI {