In the guidelines you write

Do not leave the active selection color in the table when the focus switches to some other element. It is otherwise confusing which element is currently active.

Just to better understand, should one implement this himself? Or should this be implemented at platform level?
I ask because this behavior isn't present at standard (e.g. JBTable), and I had to write my own logic with focus listeners.

addFocusListener(object : FocusListener {
   override fun focusGained(e: FocusEvent?) {
      updateColorsForFocusState(isFocused = true)
   }

   override fun focusLost(event: FocusEvent?) {
      updateColorsForFocusState(isFocused = false)
   }

   private fun updateColorsForFocusState(isFocused: Boolean) {
      setSelectionForeground(UIUtil.getTableSelectionForeground(isFocused))
      setSelectionBackground(UIUtil.getTableSelectionBackground(isFocused))
   }
})

Thanks 😄

I'm working on a proof of concept for a way to visualize code, and want to try to integrate it into intellij, etc. Is there a way to create a plugin that can create a tab in the main editor window rather than a tool window? I wasn't able to find anything in the documentation.

while https://plugins.jetbrains.com/docs/intellij/disposers.html strongly discourages that

https://jetbrains.design/intellij/text/inspections/#13 says about inspection descriptions:

Provide details, such as:

• A quick-fix if applicable:

  Suggests inserting the import statement

Most of the 'unused import' inspections don't follow this advice.
Mentioning the quick-fix as part of an example sounds fine to me,
but I don't see the point of mentioning separately that a quick-fix exists.

For example, VueMissingComponentImportInspection.html says:

Reports Vue components, which require to be imported in Vue templates.
It provides a quick-fix to add the missing import.

Intuitively, I would have removed the second sentence from the inspection description.
The quick-fix of adding the missing import is so obvious to me that I don't see why it should be mentioned.
In general, if the inspection supports a quick-fix, the user will see it in context.

What are the reasons for suggesting that inspections describe their quick-fixes separately from providing example code?

It would be great if there were examples how to create a widget for correct screenshots.

For instance, at the page https://jetbrains.github.io/ui/controls/link/ I would like to see that the link could be created by this Kotlin DSL example:

import com.intellij.ui.components.Link

panel {
  row {
    component(Link("Configure servers") { /* handle onClick */ })
  }
}

Trying to follow https://jetbrains.github.io/ui/principles/validation_errors but I can't find the ComponentValidator with my plugin project which is Gradle based. If I ask IJ to generate a plugin project, then I can find the class in platform-api.jar but the one which is brought by the Gradle IJ plugin does not contain this class.
Any clue ?

https://jetbrains.design/intellij/resources/icons_list/

https://intellij-support.jetbrains.com/hc/en-us/community/posts/360010745560-Icons-list-page-is-not-properly-searchable

I like the Jetbrains design and am curious if you are interested in publication your icon list in the open-source library iconify iconify/icon-sets#22 ?

They accumulate open source icons from other sources and provide a convenient api to reuse them.

https://jetbrains.design/intellij/principles/validation_errors/#implementation

contains sample code

new ComponentValidator(project) ....

but Project should not be used here, instead use e.g. com.intellij.openapi.options.SettingsEditor instance, com.intellij.openapi.ui.DialogWrapper#getDisposable, ...

The (extremely helpful!) Icons list page shows icons belonging to the New UI under AllIcons.Expui.....

It seems that the path in 2024.x was changed to com.intellij.icons.ExpUiIcons. ....

Please take it into consideration when updating the documentation.

The Search field control class is not mentioned eventhough the rest of the document seems to be finished.

This page: https://jetbrains.github.io/ui/controls/search_field/ does not state the class instead shows "To be implemented". Please mention which class to use.

On a side note, the whole plugin development documentation is very spartan. I'm actually quite surprised there are so many good plugins out there given how hard it is to develop one.

https://jetbrains.github.io/ui/controls/built_in_button/#03 says "To place a button inside a text field, use the com.intellij.ui.components.fields.ExtendableTextField class and its addExtension method."
There is no further documentation on ExtendableTextField, and no jar file can be found that contains package com.intellij.ui.components.fields .

This is a bug in the sense that the documentation is clearly referring to a unicorn. Either the documentation page should be revised or the unicorn should be produced.

Could you please improve icons page performance https://jetbrains.design/intellij/resources/icons_list/

I have pretty powerful mac but when i'm starting to search icons UI hangs for couple seconds (2-5 sec)

https://jetbrains.design/intellij/principles/data_formats/#duration

Some labels show a duration that is updated in small intervals, typically several times per second.
One example is for the duration of running unit tests.
In cases like that, the width of the label should not change frequently, to avoid flickering or jumping around on the screen.
Could you perhaps add a sentence about that topic?
For example, in the duration of unit tests, the milliseconds should always be displayed using 3 digits, even if the last digit is 0.

Works fine in Chrome/Arc/Firefox.

https://jetbrains.github.io/ui/resources/icons_list/

Same for both Dark & Light appearance
Safari version: Version 16.4 (18615.1.26.11.22)

There is a 404 for render-1_dark.svg icon:

Failing URL: https://intellij-icons.jetbrains.design/icons/RIcons/icons/render-1_dark.svg

In the guide you show this example

However it is unclear how to provide the HyperlinkLabel as link label with the AllIcons.Ide.External_link_arrow icon.

https://jetbrains.design/intellij/resources/icons_list/

This document is a few months old, who is in charge of updating it?

https://jetbrains.design/intellij/controls/description_text/

Not sure where to ask for clarifications on the guidelines so I'll just do it here.

The Layout page has a section about groups of controls. It is mentioned that small groups can be separated by vertical insets. However, it is not clear to me

1. what the canonical way of creating such an inset is (should I use a VSpacer or is there a special component for this?)
2. what the desired height for the spacing is (10 pixels, 50 pixels, and what if the user scales the UI?).

I think the guidelines would benefit from clarifying these details.

For the button style, there are 2 types:

• Filled button
• outline button

However, for the split button, there is only the outline button.

I was looking at JetBrains' YouTrack website and noticed the New Issue button would highly benefit from a filled button style rather than an outline style.

YouTrack Reported Issue: https://youtrack.jetbrains.com/issue/JT-58264

Are the SVG Icons provided as part of the IntelliJ Platform UI Guidelines under the MIT License used for this project?

Hi. I'm developing a plugin for PascalABC.NET IDE. Its name is Yuki Theme. Here's link to the repo. I want to use JetBrains icons in my plugin.

PascalABC.NET IDE without my plugin:

with my plugin:

Window of my plugin:

Icons of PascalABC.NET:

I want to use the icons to change the default icons of the IDE and icons of my pluign's window.
Can I use the icons in my plugin? I promise I'll add JetBrains.Icons to the used list: