Drupal Radix Theme
  • Introduction
    • Overview & Support
  • Installation
    • Requirements
    • Getting Started
    • Setup with ddev
  • Understanding Radix
    • Individual files and directories
    • Bootstrap Build
    • Bootswatch
  • Working with the components
    • Components: Intro
    • Components: A deep dive
    • An example component
    • The drupal-radix-cli
    • Copy and modify a component
  • Components
    • Accordion
    • Alerts
    • Badge
    • Block
    • Buttons
    • Button Group
    • Breadcrumb
    • Card
    • Carousel
    • Close button
    • Comment
    • Collapse
    • Details
    • Dropdown menu
    • Field
    • Field Comment
    • Fieldset
    • Figure
    • Form
    • Form: Element
    • Form Element Label
    • Form Element: Radio Checkbox
    • Heading
    • HTML
    • Image
    • Input
    • List group
    • Local Tasks
    • Media
    • Modal
    • Nav
    • Nav Item
    • Navbar
    • Navbar Brand
    • Node
    • Offcanvas
    • Page
    • Page: Content
    • Page: Footer
    • Page: Navigation
    • Page: Title
    • Pagination
    • Progress
    • Radios
    • Region
    • Select
    • Spinners
    • Table
    • Taxonomy
    • Textarea
    • Toasts
    • Tooltips
    • User
    • Views: view
    • Views: view--grid
    • Views: view--table
    • Views: view--unformatted
  • Misc
    • Migration and upgrading
    • Roadmap
    • Credits & Contributions
Powered by GitBook
On this page
  • Key Features
  • Customization Options
  • Usage

Was this helpful?

  1. Components

Views: view

Component implementation for main view component.

Key Features

  • Dynamic Class Assignment: Incorporates multiple classes based on the view's properties, such as the view ID, display ID, and a CSS-safe version of the view name.

  • Flexible Content Areas: Supports various optional sections like header, footer, exposed filters, and attachment views for comprehensive content display.

  • Utility Class Integration: Facilitates the addition of extra utility classes for specific design and styling requirements.

Customization Options

  • Adaptive Styling: Utilize utility classes to customize the appearance and layout of the view.

  • Content Sections: Manage multiple content areas including headers, footers, and attachments for a versatile presentation of view data.

Usage

{% include 'radix:view-view' with {
  title: 'View Title',
  header: view_header,
  footer: view_footer,
  rows: view_rows,
  empty: 'No data available',
  pager: view_pager,
  exposed: exposed_filters,
  feed_icons: feed_icons,
  more: more_link,
  attachment_before: attachment_before_content,
  attachment_after: attachment_after_content,
  css_name: 'css-safe-view-name',
  dom_id: 'unique-dom-id',
  view_view_utility_classes: ['additional-utility-class']
} %}
PreviousUserNextViews: view--grid

Last updated 1 year ago

Was this helpful?