Add sample like this:

Plan:

• Stable App
• SampleView
• MainMenu
• Anonymous access
• ThemeToggle (partly)
• Fix menu width
• Fix Session expiration
• Fix css file sources in production mode (badge icons)
• #22
• Components
  • Avatar
  • Avatar Group [blocked by jmix-framework/jmix#1869]
  • BigDecimalField
  • Badge
  • Button
  • Checkbox
  • Checkbox Group
  • CodeEditor
  • ComboBox
  • ComboBoxPicker
  • Context Help + Tooltip
  • DrowdownButton (ComboButton)
  • CompositeComponent
  • DataGrid
  • DatePicker (TimePicker, DateTimePikcer)
  • EmailField
  • EntityComboBox
  • EntityPicker
  • FileStorageUploadField
  • FileUploadField
  • GenericFilter
  • Icons
  • IntegerField
  • Image
  • ListBox (MultiSelectListBox) [add doc link soon]
  • Label
  • MultiSelectComboBox (MultiSelectComboBoxPicker)
  • NumberField
  • PasswordField
  • Pagination [blocked by: jmix-framework/jmix#1152]
  • ProgressBar
  • PropertyFilter
  • RadioButtonGroup
  • Select
  • SimplePagination
  • Tabs
  • TextArea
  • TextField
  • UploadField
  • ValuePicker (MultiValuePicker)
  • Html components
  • VirtualList
• Containers
  • Accordion
  • Details
  • Drawer?
  • FormLayout
  • HorizontalLayout
  • Scroller
  • Split
  • TabSheet
  • VerticalLayout
  • Layout with shortcut?
• Dialogs and notifications
  • Dialogs
  • Notifications
• Cookbook
• Dashboard [#21]

Blocked by jmix-framework/jmix#1869 and jmix-framework/jmix#1152

See an example for Classic UI: https://github.com/jmix-projects/lazy-tree-data-grid-items

Create a section for iframe or add a sample to Cookbook.

Available facets:

• DataLoadCoordinator
• Settings jmix-framework/jmix#1578
• UrlQueryParameters jmix-framework/jmix#1134

Get design from https://www.figma.com/file/Rav71ScyK9WStvNPzeQH4K/UI-Samples?type=design&node-id=0-1&mode=design

See: jmix-framework/jmix#1177

P.S. Add some kind of since 2.1 tag for a sample

After discussion with @Flaurite, it was decided to allocate a separate section for an sample with a static-image.

• Get rid of sampler_ prefix in entity and table names
• Make the base package io.jmix.uisamples
• Change project name in settings.gradle to jmix-ui-samples-2
• Rename Github repo to jmix-ui-samples-2
• Make the Github repo public

Now it works like this:

MainView.class

@Subscribe("applicationTitlePlaceholder")
protected void onApplicationTitleClick(ClickEvent<Div> event) {
    UI.getCurrent().navigate(getClass());
}

We must support logic through routerLink, just like it is done in commercial addons.
See: jmix-framework/jmix-commercial-addons-demo-2@e28fc8f

Tasks:

• Remove codeEditor theme change workaround jmix-framework/jmix#2046
• Update formLayout sample, fix responsive steps jmix-framework/jmix#2201
• Fix badges jmix-framework/jmix#2037
• Declarativelly html jmix-framework/jmix#1974
• DataGrid aggregation sample jmix-framework/jmix#1754
• DataGrid header-filter sample jmix-framework/jmix#1752
• DataGrid multi-sort sample jmix-framework/jmix#1265
• DataGrid declarative renderers jmix-framework/jmix#1177
• ItemsFetchCallback sample jmix-framework/jmix#1923
• FlexLayout sample jmix-framework/jmix#1611
• TimerFacet jmix-framework/jmix#2106
• VirtualList component jmix-framework/jmix#835
• #6
• Stable version in build.gradle
• Code cleanup

Later

• Maps samples jmix-framework/jmix#1985

???

• PrefixSuffix XML jmix-framework/jmix#2096
• Native CSS jmix-framework/jmix#2095

Source: https://forum.jmix.io/t/javascript-components-in-jmix-2-0-and-flowui/3636

It is required to create examples of customization of LoginView.

You can take inspiration from examples from the Vaadin documentation: https://vaadin.com/docs/latest/components/login#basic-login-componentform

In a regular application, there is a problem with accessing project resources before the user login: jmix-framework/jmix#2149

You will need to attach code from SecurityFilterChain, previously tested in a regular application.
Therefore, this information will need to be mentioned.

Also, the styles from the Vaadin documentation are not entirely applicable to the Jmix projects.
You should use verticalLayout as root for styling instead of div.

Related to: jmix-framework/jmix#2055

For example like in

1. Try to open any sample in https://demo.jmix.io/ui-samples/
2. Open descriptor or controller tab

AR:

Helpful links:

• https://vaadin.com/directory/component/so-charts
• https://echarts.apache.org/en/index.html