Tabs¶
- class crispy_forms_gds.layout.Tabs(*fields, **kwargs)¶
A layout object for displaying a set of tabs.
Tabs
contains a list ofTabPanels
which in turn contains the list of fields and other layout objects which make up the content of each tab.Examples:
Tabs( TabPane('tab_name_1', 'form_field_1', 'form_field_2'), TabPane('tab_name_2', 'form_field_3') )
- Parameters
css_id (str, optional) – an unique identifier for the parent <div>.
css_class (str, optional) – the names of one or more CSS classes that will be added to the parent <div>. The basic Design System CSS classes will be added automatically. This parameter is for any extra styling you want to apply.
template (str, optional) – the path to a template that overrides the one provided by the template pack.
*fields – a list of TabPanel objects that make up the set of tabs.
**kwargs – any additional attributes you want to add to the parent <div>.
TabPanel¶
- class crispy_forms_gds.layout.TabPanel(name, *fields, **kwargs)¶
A layout object that displays the contents of each pane in a set of tabs.
Examples:
TabPanel('tab_name', 'form_field_1', 'form_field_2', 'form_field_3')
- Parameters
name (str) – the title of the panel.
css_id (str, optional) – an unique identifier for the parent <div>. If you don’t set this then the slugified title is used for the id attribute. You must set this if you have more than one set of tabs on a page with the same set of titles.
css_class (str, optional) – the names of one or more CSS classes that will be added to the parent <div>. The basic Design System CSS classes will be added automatically. This parameter is for any extra styling you want to apply.
template (str, optional) – the path to a template that overrides the one provided by the template pack.
*fields – a list of layout objects that make up the contents of the panel.
**kwargs – any additional attributes you want to add to the <div> element used for create the tab panel.