Introduce button width/height.

Introduce button width and button height for ListSelector and ListSelectorTwoPane.

Author: slootsjj

widgets/+wt/ListSelector.m

@@ -39,6 +39,12 @@
         % Items or custom using ButtonPushed event or ButtonPushedFcn)
         AddSource (1,1) wt.enum.ListAddSource = wt.enum.ListAddSource.Items
 
+         % Width of the buttons
+        ButtonWidth = 25
+
+        % Height of the buttons
+        ButtonHeight = 25
+
     end %properties
 
     methods
@@ -94,14 +100,6 @@
     end %properties
 
 
-    properties (AbortSet, Dependent, UsedInUpdate = false)
-
-        % Width of the buttons
-        ButtonWidth
-
-    end %properties
-
-
     methods
 
         function value = get.ValueIndex(obj)
@@ -166,15 +164,6 @@
             end
         end
 
-
-        function value = get.ButtonWidth(obj)
-            value = obj.Grid.ColumnWidth{2};
-        end
-
-        function set.ButtonWidth(obj,value)
-            obj.Grid.ColumnWidth{2} = value;
-        end
-
     end %methods
 
 
@@ -257,8 +246,8 @@ function setup(obj)
 
             % Configure grid
             obj.Grid.Padding = 3;
-            obj.Grid.ColumnWidth = {'1x',25};
-            obj.Grid.RowHeight = {106,'1x'};
+            obj.Grid.ColumnWidth = {'1x','fit'};
+            obj.Grid.RowHeight = {'fit','1x'};
 
             % Create the list buttons
             obj.ListButtons = wt.ButtonGrid(obj.Grid);
@@ -306,6 +295,12 @@ function update(obj)
             obj.ListBox.Items = obj.Items(selIdx);
             obj.ListBox.ItemsData = selIdx;
 
+            % Button width and height
+            obj.UserButtons.ButtonWidth = obj.ButtonWidth;
+            obj.ListButtons.ButtonWidth = obj.ButtonWidth;
+            obj.UserButtons.ButtonHeight = obj.ButtonHeight;
+            obj.ListButtons.ButtonHeight = obj.ButtonHeight;
+
             % Update button enable states
             obj.updateEnables();
 

widgets/+wt/ListSelectorTwoPane.m

@@ -35,6 +35,12 @@
         % Indicates whether to allow sort controls
         Sortable (1,1) matlab.lang.OnOffSwitchState = true
 
+        % Width of the buttons
+        ButtonWidth = 25
+
+        % Height of the buttons
+        ButtonHeight = 25
+
     end %properties
 
 
@@ -66,14 +72,6 @@
     end %properties
 
 
-    properties (AbortSet, Dependent, UsedInUpdate = false)
-
-        % Width of the buttons
-        ButtonWidth
-
-    end %properties
-
-
 
     %% Read-Only properties
     properties (SetAccess = private)
@@ -117,14 +115,14 @@ function setup(obj)
 
             % Configure grid
             obj.Grid.Padding = 3;
-            obj.Grid.ColumnWidth = {'1x',28,'1x'};
-            obj.Grid.RowHeight = {'fit','1x'};
+            obj.Grid.ColumnWidth = {'1x','fit','1x'};
+            obj.Grid.RowHeight = {'fit','fit','1x'};
 
             % Create the left Listbox
             obj.LeftList = uilistbox(obj.Grid);
             obj.LeftList.Multiselect = true;
             obj.LeftList.Layout.Column = 1;
-            obj.LeftList.Layout.Row = [1 2];
+            obj.LeftList.Layout.Row = [1 3];
             obj.LeftList.ValueChangedFcn = @(h,e)obj.onLeftSelectionChanged(e);
 
             % Create the list buttons
@@ -143,7 +141,7 @@ function setup(obj)
             obj.RightList = uilistbox(obj.Grid);
             obj.RightList.Multiselect = true;
             obj.RightList.Layout.Column = 3;
-            obj.RightList.Layout.Row = [1 2];
+            obj.RightList.Layout.Row = [1 3];
             obj.RightList.ValueChangedFcn = @(h,e)obj.onRightSelectionChanged(e);
 
             % Update listeners
@@ -187,13 +185,17 @@ function update(obj)
             if obj.Sortable
                 obj.ListButtons.Icon = ["right_24.png", "left_24.png", "up_24.png", "down_24.png"];
                 obj.ListButtons.ButtonTag = ["Add", "Remove", "Up", "Down"];
-                obj.ListButtons.ButtonHeight = {28 28 28 28};
             else
                 obj.ListButtons.Icon = ["right_24.png", "left_24.png"];
                 obj.ListButtons.ButtonTag = ["Add", "Remove"];
-                obj.ListButtons.ButtonHeight = {28 28};
             end
 
+            % Button width and height
+            obj.UserButtons.ButtonWidth = obj.ButtonWidth;
+            obj.ListButtons.ButtonWidth = obj.ButtonWidth;
+            obj.UserButtons.ButtonHeight = obj.ButtonHeight;
+            obj.ListButtons.ButtonHeight = obj.ButtonHeight;
+
             % Update button enable states
             obj.updateEnables();
 
@@ -594,13 +596,6 @@ function shiftListBoxIndex(obj, shift)
             end
         end
 
-        function value = get.ButtonWidth(obj)
-            value = obj.Grid.ColumnWidth{2};
-        end
-        function set.ButtonWidth(obj,value)
-            obj.Grid.ColumnWidth{2} = value;
-        end
-
     end %methods
 
 end % classdef