Field Group

https://www.drupal.org/project/field_group
testovaná verze: 8.x-3.1 released 10 June 2020
bez stránky konfigurace

Fieldgroup will, as the name implies, group fields together. All fieldable entities will have the possibility to add groups to wrap their fields together. Fieldgroup comes with default HTML wrappers like vertical tabs, horizontal tabs, accordions, fieldsets or div wrappers.

Field Group extend

Jednoduchý, ale mocný modul vylepšující UX. Pokud máte u nějaké entity definováno více políček, tento modul je umožní seskupovat a lépe zobrazovat. To se týká editace entity, tedy záložky Manage form display. Zde objevíme nové tlačítko Add filed group.

Field Group Add field group

Na výběr máme z následujících možností:

Field Group types

 

Můžeme si třeba vytvořit skupinu políček typu fieldset. Ke každé skupině si můžeme dát vlastní id nebo css třídy. Skupiny můžeme také vkládat pod sebe – někdy je to i nutnost, např. pro dvojici tabs a tab.

Field Group fieldset

 

Při editaci to pak vypadá následovně:

Field Group fieldset node edit

 

Typ Fieldset toho sám o sobě moc neumí. Ale pokud použijeme třeba zmiňované Tabs, hned to vypadá jinak.

Field Group tabs

 

Field Group tabs node edit

 

V nastavení Tabs si můžeme přepnout Direction z Vertical na Horizontal, pak dostaneme:

Field Group tabs node edit horizntal