Do you make common controls with consistent widths?

Updated by Brady Stroud [SSW] 1 year ago. See history

123

There are a few common controls we always use in our products. For example, DateTime and Ellipsis Button. We need a standard for the width so the controls should be more consistent.
**Note:** Controls on base forms will be made to be 'protected' rather than 'private', especially so that inherited forms of different sizes don't mess up.

<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "badExample",
    figure: 'Bad example - Control sizes are not consistent',
    shouldDisplay: true
  }}
  src="/uploads/rules/make-common-controls-with-consistent-widths/commoncontrolbad.gif"
/>

<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "goodExample",
    figure: 'Good example - Control sizes are all standard and consistent',
    shouldDisplay: true
  }}
  src="/uploads/rules/make-common-controls-with-consistent-widths/commoncontrolgood.gif"
/>

<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "badExample",
    figure: 'Bad example - Non-standard size for Add & Delete buttons',
    shouldDisplay: true
  }}
  src="/uploads/rules/make-common-controls-with-consistent-widths/adddeletebad.gif"
/>

<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "goodExample",
    figure: 'Good example - Standard size for Add & Delete buttons',
    shouldDisplay: true
  }}
  src="/uploads/rules/make-common-controls-with-consistent-widths/adddeletegood.gif"
/>

We have a program called [SSW Code Auditor](https://ssw.com.au/ssw/CodeAuditor/Rules.aspx#CommonControl) to check for the following two rules:

**Rule - C#/VB.NET UI- Button Height and Width - for Standard Button (75 x 23 pixels)**

- **Level 2:** All buttons \< 6 characters:\*\* Check the standard size (75 X 23 pixels) for buttons with the word length less than or equal to six characters, except the following buttons.
- **Level 1:** The action buttons:\*\* Check the standard size (75 X 23 pixels) for the following action buttons:

  - Add
  - Delete
  - Edit
  - OK
  - Close
  - Cancel
  - Save
  - Browse
  - Select
  - Test<
  - Next
  - Back
  - Remove
  - Refresh (Exception to the rule as it has 7 letters)
acknowledgements
related rules