Drupal Drag Drop Builder

Drupal Drag Drop Builder

Drupal Drag Drop Builder is awesome Module for Drupal CMS. It comes with alot of features, Bring you and your customers connects to Drupal easier. More fiendly, more easier that is Drupal Builder mission. This module works well for any themes. It’s not required Bootstrap CSS framework. Builder based as Field. Can attached to Node, User, Taxonomy, Comment… or other Drupal Entity.

Drupal 8

  • Demo of Theme using Builder on Drupal 8: Aklas
  • Tested with Drupal 8.2.6
  • Base as Field, can be added to Entities as new field such as: User, Block, Node, Comment, Taxonomy …
  • Unlimited children drag drop to sort order.
  • Import/Export tools to move Builder from Dev to live site (or from a site to another site auto import images if set).
  • Friendly UI, and API for Developer create new element for Builder.
  • Custom element css base on UI. Available elements: Insert block, Insert node, Text (Rich editor), Row, Column , and your own element.
Drupal builder for Drupal 8

Yes, there two version in download package: For Drupal 7 and For Drupal 8 Check this video to see how to install Drupal Drag Drop Builder for Drupal 8:
Drupal 8 Drag Drop Builder

Themes use Builder (8.x)

Hub - Creative Blog & Magazine Drupal 8 Theme - News / Editorial Blog / Magazine Aklas Creative Drupal 8 Theme

New released: Block Builder Click here

Drupal Drag Drop Builder Drupal Drag Drop Builder Drupal Drag Drop Builder

Key features:

  • Drupal Builder base on Field, So can be attached to any of Drupal Entity such as: Node, User, Taxonomy, ...
  • Fully Compatible with Drupal version 7.x, And there is a version for Drupal 8 in this download package.
  • Drupal 8.x check video tutorial how to install for Drupal 8:
  • Easy to install and use.
  • Multilingual supported, Check the video
  • Add unlimited row section, columns, and Unlimited contents.
  • Responsive Grid CSS.
  • HTML5 Video background.
  • Support Video, And Image background Parallax.
  • Set animation for each row section or column, or element content on Page scroll. See the video:
  • Allow configuration permission base on user’s roles, or permission rule for each content in the column.
  • Tools: Export and Import builder, Checkout Video
  • Administrator can grant permission for builder contents element per role, Which mean each user role only has permission to add content into Builder column if it granted. Check out the video to see how it works:
  • Well code and clear documentation. Video tutorial how to install, and use included in the documentation.

Drupal 8 Slider Builder

Drupal 8 Drag Drop Slider \\

API and HOOKS Implements for the Developer

Ideas for Theme Development:

  • Create unlimited variations for Headers – so when create new page we can select a header for that one.
  • Create unlimited variations for Footers.
  • Create unlimited variations for main Menus.
  • Your idea…

 * HOOK_builder_content_info()
function HOOK_builder_content_info() {

  $contents = array();

  //Custom text
  $contents['custom_text'] = array(
      'info' => t('Custom text'),
      'group' => t('Text'),

  $contents['node'] = array(
      'info' => t('Adding existing node'),
      'group' => t('Node'),

  return $contents;

 * Hook_builder_content_configure($delta = '', $content = array())
function HOOK_builder_content_configure($delta = '', $content = array()) {

  $form = array();
  switch ($delta) {
    case 'node':
      $form['nid'] = array(
          '#type' => 'textfield',
          '#title' => t('Enter node ID or title'),
          '#default_value' => !empty($content['settings']['nid']) ? $content['settings']['nid'] : '',
          '#autocomplete_path' => 'builder/autocomplete/node',
          '#required' => TRUE,
      $view_modes_options = array();
      $view_modes = builder_get_entity_view_modes('node');
      if (!empty($view_modes)) {
        foreach ($view_modes as $key => $vm) {
          $view_modes_options[$key] = $vm['label'];
      $form['view_mode'] = array(
          '#type' => 'select',
          '#title' => t('View mode'),
          '#options' => $view_modes_options,
          '#default_value' => isset($content['settings']['view_mode']) ? $content['settings']['view_mode'] : 'full',
      $form['hide_node_title'] = array(
          '#type' => 'checkbox',
          '#title' => t('Hide node title'),
          '#default_value' => isset($content['settings']['hide_node_title']) ? $content['settings']['hide_node_title'] : FALSE,

    case 'custom_text':
      $form['custom_text'] = array(
          '#type' => 'text_format',
          '#title' => t('Custom text'),
          '#default_value' => isset($content['settings']['custom_text']['value']) ? $content['settings']['custom_text']['value'] : '',
          '#format' => isset($content['settings']['custom_text']['format']) ? $content['settings']['custom_text']['format'] : filter_default_format(),


  return $form;

 * HOOK_builder_content_view()
function HOOK_builder_content_view($delta = '', $content = array()) {
  switch ($delta) {
    case 'node':

      $node_content = '';
      if (!empty($content['settings']['nid'])) {
        $nid = $content['settings']['nid'];
        if ($node = node_load($nid)) {
          if (isset($content['settings']['hide_node_title']) && $content['settings']['hide_node_title']) {
            // hide node title.
            $node->title = FALSE;
          $node_view = node_view($node, $content['settings']['view_mode']);

          $node_content = render($node_view);
      $content['content'] = $node_content;

    case 'custom_text':
      $custom_text_value = isset($content['settings']['custom_text']['value']) ? $content['settings']['custom_text']['value'] : '';
      if (isset($content['settings']['custom_text']['format'])) {
        $custom_text_value = check_markup($custom_text_value, $content['settings']['custom_text']['format']);
      $content['content'] = $custom_text_value;

How do i update Builder Module version ?

Please follow step by step as the bellow to update Builder module:

  1. Extract main download Drupal Builder package from
  2. Extract and override this current module in your site : /sites/all/modules/builder
  3. Run the URL
  4. Finally Follow the URL hit “Clear all caches” .

Customer reviews:

Drupal Builder reviews
This is a must have module for drupal. I strongly recommend to any one who is working with drupal. It is easy to use. Smooth, nice and creates awesome displays for pages. I also would like to give high five to TABVN team. they are amazing and really clever and creative in their design and give immediate support and very reliable – @Gennyjones
All commendations for superb work Toan brought to resolving my issues with the recent purchase of the Drupal Drag Drop Builder. Toan gave prompt feedback and solutions on a very professional level receiving a most excellent outcome. I hope to have Toan at my service for any future issues – @Cmdm15


8 July, 2015

+ Added featured: HTML5 video background for unlimited row sections.

11 July, 2015

+ Added featured: Export Builder as Zip file (including images, background ....)
+ Added featured: Import Builder from Exported zip file.
+ Added featured: Builder contents permission for multiple User roles.
+ Caching improvements.

15 July, 2015

+ Fixed issue js of Parallax background section. (updated builder.module file).

18 July, 2015

+ Added: Clone Row section and all columns+contents
+ Added Clone Column and all contents.
+ Added Icon content element for the Builder
+ Added Custom headings element for the Builder
+ Improvements of Image content element allow add link for Image.
+ Fixed XSS for element title.

22 July, 2015

+ Added Animation settings for Row section.
+ Added Animation settings for Column.
+ Added Animation settings for Element content.
+ Improvement of javascript to run with older of jquery version. 
+ Other improvements. 

24 July, 2015

+ Fixed bugs on image upload.

31 July, 2015

+ Added support module Internationalization(i18n) Multilingual.

4 September, 2015

+ Fixed the issue with module i18n + Synchronize translations.

4 Otc, 2015

+ Fixed Hooks implements issue.
+ Fixed column css custom inline issue.

30 Oct, 2015

Added filter elements in Builder contents.

3 Dec, 2015

+ Added node access permission to element node embed.
+ Improvements css for Administrator.

28 December 15

+ Drupal 8: Add new module for Drupal 8

10 March 2016 (Big updates, Please backup your site before update the module).

+ Drupal 8: Add Google map Element.
+ Drupal 8: Add Embed View element.
+ Drupal 8: Add embed Contact form Element.
+ Drupal 8: Add Animation for Element.
+ Drupal 8: Added supported multi-languages + Revision in Core. 

25 March 2016

Updated for Drupal 8.x: Fixed block element adding.

06 June 2017

Node revision and other improvements.