From 47e81c50094da9f1d0a3d5fefb03b35badcad9e7 Mon Sep 17 00:00:00 2001 From: "marianna.kononenko" Date: Wed, 5 Feb 2025 19:05:52 +0100 Subject: [PATCH] UX-2323 Update existing UI Guidelines: Inline text: changes after review --- .../built_in_button_browse_correct.png | Bin 4092 -> 5553 bytes .../built_in_button_browse_correct_dark.png | Bin 4036 -> 5380 bytes topics/ui/controls/built_in_button.md | 47 ++++++++++-------- 3 files changed, 25 insertions(+), 22 deletions(-) diff --git a/images/ui/built_in_button/built_in_button_browse_correct.png b/images/ui/built_in_button/built_in_button_browse_correct.png index 665d0125a83098168eb6cdda24d8fa10ead059a1..c528e6393ba5618f4bd0720109f62ccd1524e83d 100644 GIT binary patch literal 5553 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 literal 4036 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 gwNagJu*TF|Y_R*^8+ + +To place a button inside a text field, use [`ExtendableTextField`](%gh-ic%/platform/platform-api/src/com/intellij/ui/components/fields/ExtendableTextField.java) and +its `addExtension()` method. + + ## When to use +Use a built-in button instead of adding a separate [button](button.topic) on the right where possible to save space and declutter the interface: + + + + + +
Correct +Browse buttonIncorrect +Incorrect browse button
+ + ### Browse -The **Browse** button shows a dialog for opening files from the disk, a tree view, or a table of values. Use the **Browse** icon to select a single file or a folder from the disc. Browse [//]: # (An input field with browse button: [`TextFieldWithBrowseButton`](%gh-ic%/platform/platform-api/src/com/intellij/openapi/ui/TextFieldWithBrowseButton.java)) - +

A combo box with the Browse button:

@@ -74,18 +90,17 @@ extComboBox.setEditor(new BasicComboBoxEditor() { ### Expand a field If the input text can be long and the place is constrained, -use the **Expand** button to expand the control -([`ExpandableTextField`](%gh-ic%/platform/platform-api/src/com/intellij/ui/components/fields/ExpandableTextField.java)): +use an input field with the **Expand** button: ![Collapsed built-in button](built_in_button_collapsed.png){width=706} -When the field is expanded, show the **Collapse** button: +Expanded field: ![Expanded built-in button](built_in_button_expanded.png){width=706} ### List values -Use the **List** icon to select a value from the list of classes, methods, or environment variables: +Use the **List** icon to select a value from the list of objects such as classes, methods, or environment variables: ![List of values](built_in_button_list.png){width=706} @@ -94,22 +109,6 @@ Use the **Add** button to select multiple values, such as files, variables, fold ![Add a value to the field](built_in_button_add.png){width=706} -## How to use - -Place the built-in button inside the input field. Do not place the built-in button next to the field control: - - - - - -
Correct -Browse buttonIncorrect -Incorrect browse button
- -To place a button inside a text field, use [`ExtendableTextField`](%gh-ic%/platform/platform-api/src/com/intellij/ui/components/fields/ExtendableTextField.java) and -its `addExtension()` method. - -The shortcut for a built-in button is Shift+Enter. ## When not to use @@ -139,3 +138,7 @@ Do not use the **Help** or **Info** buttons to open an external link or a hint. Incorrect browse button + +## Shortcut +The shortcut for a built-in button is Shift+Enter. +The shortcut activates only when the input field with the button is focused.