Component Builder

Tutorial Video

• https://www.youtube.com/watch?v=SUe6iWvPMdk

How to create a new Component Type

• https://weebpal.com/guides/how-create-new-component-component-builder

General Information

• Drupal Component Builder provides the drag & drop Builder UI to manage content page directly
• Drupal Component Builder provides a components library to allow Drupal content editor can choose to create the complex content page directly and easily
• Drupal Component Builder saves data to Drupal Entity structure, it's compatible with all Drupal concepts like Fields, Views, Search API, Multi-Language, Domain Access, Blocks, Region, Entity, ...
• Drupal Component Builder is built in Drupal Standard, Entity based, Plugin based, it's totally familiar for the Drupal developers
• Drupal site admin can enable/disable any component they want to use/not use.
• Drupal styler can hook, preprocess, customize the template, display in theme level
• Drupal developer can build their own custom component easily by inheriting Component Builder Plugin in their own custom module

How to use Drupal Component Builder

• https://weebpal.com/guides/how-use-drupal-component-builder
• Step 1: Install Drupal 9
• Step 2: Install Component Builder module:
  
  • $ composer require 'drupal/inline_entity_form:^1.0@RC'
  • $ composer require 'drupal/entity:^1.3'
  • $ composer require 'drupal/component_builder:^3.0'
• Step 3: Enable Component Builder and Component Builder Toolbar modules
• Step 4: Activate some Component Types we want to use
• Step 5: Add Component Builder fields to a content type/entity type
• Step 6: Check auto redirect to Builder page
• Step 7: Create a new content for the content type in Step 5
• Step 8: Add some Components we need
• Step 9: And we now have the page with anything we need.

Biography

• Author: Hai Nguyen
• Develop: WeebPal - Drupal Development Company
• Sponsors:
  • Opencentric - Drupal Development Agency, Web Design Consultants
  • Sazae Pty Ltd - Global IT Firm / Australia
  • Eway Corp - Web Development, Design & Digital Marketing Solutions Iowa