You are here

Home » API reference » Bootstrap fieldgroup 7

README.txt in Bootstrap fieldgroup 7 

## Bootstrap fieldgroup

This module adds a new set of formatters to the Field Group options when
configuring a view mode display, to render field groups with Bootstrap markup.

The formatters can be applied to the node create/edit form, as well as on
display.

### Usage

The most interesting formatter is 'Bootstrap nav', which handles most of the
heavy lifting of rendering the Bootstrap markup.

#### Single field per tab

Fields can be nested directly under the 'Bootstrap nav' group, and each field
will receive its own tab/pill.

e.g.

Main Container (Bootstrap nav)
 - Field 1
 - Field 2
 - Field 3
 - Field 4

#### Multiple fields per tab

If you need to organize more than one field under each tab/pill, you can nest
a 'Bootstrap nav item' group, and then organize your fields under these.

e.g.

Main Container (Bootstrap nav)
 - Group Container 1 (Bootstrap nav item)
   - Field 1
   - Field 2
 - Group Container 2 (Bootstrap nav item)
   - Field 3
   - Field 4

### Configuration

#### Nav type

Specify either 'Tabs' or 'Pills'

#### Stacked

Whether the tabs will be stacked vertically. The default is No; they will be
horizontal.

#### Orientation

The orientation of the nav in relation to the content. Specify either 'Top',
'Right', 'Down', 'Left'.

**NOTE:** For pills, you may only specify 'Top', or 'Bottom'. Bootstrap only
seems to support left/right orientation for tabs.

File

README.txt
View source 
  1. ## Bootstrap fieldgroup

  2. 

  3. This module adds a new set of formatters to the Field Group options when

  4. configuring a view mode display, to render field groups with Bootstrap markup.

  5. 

  6. The formatters can be applied to the node create/edit form, as well as on

  7. display.

  8. 

  9. ### Usage

  10. 

  11. The most interesting formatter is 'Bootstrap nav', which handles most of the

  12. heavy lifting of rendering the Bootstrap markup.

  13. 

  14. #### Single field per tab

  15. 

  16. Fields can be nested directly under the 'Bootstrap nav' group, and each field

  17. will receive its own tab/pill.

  18. 

  19. e.g.

  20. 

  21. Main Container (Bootstrap nav)

  22.  - Field 1

  23.  - Field 2

  24.  - Field 3

  25.  - Field 4

  26. 

  27. #### Multiple fields per tab

  28. 

  29. If you need to organize more than one field under each tab/pill, you can nest

  30. a 'Bootstrap nav item' group, and then organize your fields under these.

  31. 

  32. e.g.

  33. 

  34. Main Container (Bootstrap nav)

  35.  - Group Container 1 (Bootstrap nav item)

  36.    - Field 1

  37.    - Field 2

  38.  - Group Container 2 (Bootstrap nav item)

  39.    - Field 3

  40.    - Field 4

  41. 

  42. ### Configuration

  43. 

  44. #### Nav type

  45. 

  46. Specify either 'Tabs' or 'Pills'

  47. 

  48. #### Stacked

  49. 

  50. Whether the tabs will be stacked vertically. The default is No; they will be

  51. horizontal.

  52. 

  53. #### Orientation

  54. 

  55. The orientation of the nav in relation to the content. Specify either 'Top',

  56. 'Right', 'Down', 'Left'.

  57. 

  58. **NOTE:** For pills, you may only specify 'Top', or 'Bottom'. Bootstrap only

  59. seems to support left/right orientation for tabs. 

  60.