function propertiesPanel(this,panel)
  %--------------------------------------------------------------
  % UI components for square size selector 
  %--------------------------------------------------------------
  this.Panel = panel;

  % Label 
      position = [90, 40, 185, 20];
      labelText = 'Square Size (in millimeters): ';
      uicontrol('Parent',this.Panel,'Style','text','FontUnits', ...
                'pixels',FontSize', 12,'Position',position, ...
                'HorizontalAlignment','left','String',labelText);
            
  % Editbox
      position = [275, 37, 50, 25];
      initSquareSize = 25;
      squareSizeEditBox = uicontrol('Parent',this.Panel, ...
                 'Style','edit','FontUnits','pixels','FontSize',15, ...
                 'String',initSquareSize,'Position', position, ...
                 'Callback',@(~, ~) doSquareSizeChanged(this));
            
  % Initialize property values
      this.SquareSize = str2double(get(squareSizeEditBox,'String'));
end

%--------------------------------------------------------------------
function doSquareSizeChanged(this)
   this.SquareSize = str2double(get(this.SquareSizeEditBox,'String'));
         
   if this.SquareSize <= 0 || isnan(this.SquareSize)
      errordlg('Square size must be a numeric value greater than zero.');
   end
end