syamilmj / aqua-page-builder

Aqua Page Builder WordPress Plugin

Aqua Page Builder

Overview

Aqua Page Builder is a powerful WordPress plugin that allows you to create an unlimited number of template variations for use in your WordPress themes. It follows the same user interface used by the Menus & Widgets admin pages - making you feel right at home with the UI.

Similar to the Widgets &amps Menus, Aqua Page Builder features the drag and drop interaction to build its templates.

License

Aqua Page Builder is released under GPLv3 - http://www.gnu.org/copyleft/gpl.html. You are free to redistribute & modify the plugin in either free or commercial products.

User Guide

Manual Installation

• Download the package, unzip.
• Rename the folder to "aqua-page-builder"
• Upload it to your wp-content/plugins/ directory, then activate in your theme.

Official documentation: http://aquagraphite.com/api/documentation/aqua-page-builder

Developer's Guide

Please refer to our wiki - Aqua Page Builder's Wiki

Contributing

Contributions are always welcomed to further improve this plugin.

To contribute, please review our guidelines

Donations

With your support, the World Food Programme is fighting hunger every day, whether we’re saving lives in an emergency or nourishing the bodies and minds of children by providing school meals.

It takes just one dollar to fill four cups with nutritious meals. Working together, we can build a world without hunger.

FILL THE CUP!

Bugs, Issues, Feedbacks, Help?

Please submit all bugs, issues, and feedbacks on Aqua Page Builder's Issues page on Github - Issues page.

Please also review our Support Policy before submitting any support requests.

Changelog

Full changelog here - http://aquagraphite.com/api/changelog/aqua-page-builder

aqua-page-builder's Issues

Getting Fatal Error after unregistering a block

I am trying to unreqister a block and typed the following:

aq_unregister_block('aq_column_block');

But all I get is this error:

Fatal error: Call to a member function form_callback() on a non-object in .../wp-content/plugins/Aqua-Page-Builder/classes/class-aq-page-builder.php on line 273

What could be going wrong here?

shortcodes

Hello

When you try to insert a shortcode for example in a content block after save template, only 10 chars of the shortcode are saved.

Thanks

No way to delete blocks?

Maybe I'm missing something but I'm pretty sure there's no way to delete blocks after adding them.

Block repeating infinitely

I posted this on Theme Forest but there was no response so I thought I'd try here.

I’ve created a portfolio page with just the portfolio block however when the page is live, any portfolio entries are duplicated infinitely and as such, cannot show my portfolio as intended. Is there a fix for this? I’ve disabled all other plugins and the error still occurs so there’s no interference from other plugins.

I have downloaded the most recent version from GitHub and it still happens.

Duplicate ID if put two template at once

Hi Syamil,

I just notice that if we put two templates at once (in one page) there will be duplicate ID's ( e.g. aq-block-1, aq-block-2, aq-block-3 ).

Need additional prefix/suffix based on template ID or name or I don't know. Perhaps there is a better one?

Thanks,

Arya

Uploading to WP.org

The amount of users of this plugin has reached over 15k so my server can no longer afford the traffic to upload the plugin. In the next version (1.1.0) this plugin will officially be submitted to the WP.org's repository.

For your users this transition should be transparent and they shouldn't notice anything different.

Cheers

Updater error notice

Changelog?

Could you please add a changelog to your releases, that we can track new features and fixes? Thx

Custom column block not active before saving.

I created a custom column block that is supposed to be one third wide. I duplicated the aq-column-block.php and only changed the size to span4. When I click and drag the block in the page builder this happens:

I can't drag any elements into the box. Only after saving does it change to the usual column block that functions well:

What could be happening here? I'd be grateful for any pointers. Thanks in advance!

can't drag blocks after first save

video demo https://dl.dropbox.com/u/2045194/aqua1.mp4

basically after I created a couple of areas, I was no longer able to move blocks or columns etc over to the working area.

btw
I use WordPress 3.5beta1 (svn nightly cron on everything I do)

Colorpicker

Not an issue just a question.
Is there any plan to change color picker helper field with Iris? (since is the default WP 3.5 colorpicker)

Importing

Hi,

when I import data some of the blocks are missing. I saw similar topic but with no solution. Anybody find solution?

Thanks.

Template generated without inserting shortcode to page editor

Assalamu'alaykum... syamil...
Hopes you well..

I have a little question...

Is it possible to make the aqpb template live without insert the generated shortcode to the page editor?

I mean, it's will just like custom post type...
once you add new post, the permalink url will get live and you can see that directly at your website front end.

thanks in advance...
sorry for my bad english

How to make WordPress SEO by Yoast working with Aqua-Page-Builder

Hello,

I'm using a theme who use your awesome plugin and my question is simple, how to make your plugin working with WordPress SEO by Yoast ?

Thanks a lot for your great work !

aqpb-view.js Enhancement

Just a simple suggestion to avoid jQuery.noConflict() - there is no need for this

/**

• AQPB View JS
• Front-end js for Aqua Page Builder blocks
  */

/** Fire up jQuery - let's dance!
*/

(function($) {

/** Tabs & Toggles
-------------------------------*/
// Tabs
if($().tabs) {
    $(".aq_block_tabs").tabs({ fx: { opacity: 'show' } });
}

// Toggles
$('.aq_block_toggles .tab-head, .aq_block_toggles .arrow').each( function() {
    var toggle = $(this).parent();

    $(this).click(function() {
        toggle.find('.tab-body').slideToggle('400ms', function() {
            // Animation complete.
        });
        return false;
    });

});

})(jQuery);

change color of tabs

I cannot find a way to change the color of the blocks. Help documentation doesn't mention it. I can make a wrapper for the background, but since one of my pages has a different color background the black tabs stick out very poorly.

Also when I hover over the tab from a "tabs and toggles" block it changes into the background color. Can these not be controlled independently?

Please tell me how I can edit the colors in the tabs and toggles.

Thank you,
Devon

optional styles & scripts

There should be an option to omit loading of scripts & styles for the columns/tabs etc, so theme buiilders can include their own styling and to minimize the number of http requests - making pages work faster.

Putting a column block inside a column block

Hi Sy4mil,

I tried to put a column block inside a column block but it didn't work. Is it possible to do that, or I missed something ?

Thanks,

Blocks inline css

Hi, thank you for the awesome work on this plugin.
I've added a color picker to one of my custom blocks and I want to add inline css when the user change the default color. What is the best way to do that ? I can't use a css file because I need to use php variables, the only solution i see is to add inline styles but it doesn't seem to work. I've tried something like this in block($instance) where I defined all html markup:

function x_styles () {
        $top_alert_style    .=  '.caption-body {background:'. $caption_background .';}';
        wp_add_inline_style( 'xtheme', $top_alert_style );
}
add_action('wp_enqueue_scripts', 'x_styles');

but it doesn't work although i've used something like this before and it worked just fine.

The idea is to add css styles only when the block is used and the color of one element from the block is changed.

Is there a better way to do this, or how can I make the above code work ?
Thank you.

Error Message with the Upload File field.

Hello Syamil,

It seems there is a bug with the "aq_field_upload()" field in the last version 1.0.7
When I test with the 1.0.6 version, every thing is ok.

Precision: I run my website on WordPress Multisite.

This is the bug:

When I use the "Upload" button in a block ( displayed by aq_field_upload() ), the WP média Uploader open, I click on the "Select Files" button, choose an image on my computer then click on the "Open" button. The img file begin to load and stop with an error message.

Screenshot http://d.pr/i/pOcf

If I open the WP Media Uploader, I see my img but there are some notices

Screenshot http://d.pr/i/Hssg

If first, I load my img by the WP Media Uploader, no problem and I can Upload my img from the APB "Upload" button in my block ( because the img is available in the WP Media Uploader)

I tested with my theme and with Twenty Twelve, in both case I have the error if I use the 1.0.7 version.

As I said, no problem with the 1.0.6 version

Aqua Page Builder broken in Singular Wordpress Theme

Yesterday, while putting up a site using the Singular Wordpress theme from Contempo, the displayed page turned from a number of Aqua templates, to just a single one. When the plugin is deactivated the site returns to normal. I tried replacing the plugin, but the problem persists.

The site is testing at http://www.mech17.com

Any ideas?

shortcode running in admin

The header problem which I mentioned on TF forums was related to the shortcode.

I have a system for dynamic widget areas that parses shortcodes when post is published and header error was happening because when I fired do_shortcode to parse the code for the widget area, the page builder shortcode also fired and sent out the response.

I think there should be check and apply shortcode only if !is_admin()

Page Builder breaks WordPress 3.5

Just updated to 3.5 and I'm getting a JS error, causing the drab, drop, delete, well pretty much everything to not work:

Uncaught Error: cannot call methods on resizable prior to initialization; attempted to call method 'destroy' load-scripts.php:2

It also kills all the JS on the front end, tabs, toggles, accordions

Adding banner with image over text.

Assalamu alaikum saymil. Is there any way to add image over text that can scanable, like banner with block, is there any?

License question

Dear sy4mil,

First of all, many many thanks for creating such awesome frameworks ! This is greatly appreciated !
I was wondering if we were authorized to package the plugin along with themes (like we can package SMOF).

All the best.

Default blocks needs validation

For example in alert block: <?php echo aq_field_input('title', $block_id, $title) ?>

Maybe you can add validation something like this <?php echo aq_field_input('title', $block_id, strip_tags( $title ) ) ?>

What do you think?

error in class-aq-page-builder.php on line 116

I have this message
" Fatal error: Call to undefined function wp_enqueue_media() in C:\wamp\www\wp\wp-content\themes\Options-Framework-master\aqua-page-builder\classes\class-aq-page-builder.php on line 116 "

error in class-aq-page-builder.php on line 16

Sorry, I'm bad in English :)

Updater error notice

Hi, I'm getting this error appearing on plugin page:

Notice: Undefined index: aqua-page-builder/aq-page-builder.php in C:\ ... \wp-content\plugins\Aqua-Page-Builder\classes\class-aq-plugin-updater.php on line 42.

Any ideas ?

Thanks
p.s.: sorry for multiple submits ... :(

Changing width of blocks

Hi Syamil,

How did you assign widths in CSS for different blocks in the frontend.

For example

    .aq-template-wrapper .aq_span3 .aq_span2 { width:65%; }

Is there any formula you used???

Question: How to dectect if a block is active on a page?

Is it possible to detect in a plugin if a specific block is active on a page?

I would like to load css/js files for a custom block only if this block is used on the current page.

/* Something like that ... */
if ( ! is_admin() && is_block( 'my_block' ) ) {
wp_register_style( 'plugin-name-plugin-styles', PLUGIN_URL . 'css/frontend.css' );
wp_enqueue_style( 'plugin-name-plugin-styles' );
}

Import/Export Function

Was thinking it would awesome to have an import/export feature, so I can preset templates to be used in my themes.

My custom block doesn't appear in the "Available Blocks"

Hi,

I've tried to create a custom block but my custom block didn't appear in the "Available Blocks"
To did it, I've pasted the code from the default text block and just have changed the name of the class and have added the aq_register_block() function at the end of my code.

I kept the php file from my custom block in the plugin's blocks folder.

This is my code:

<?php
class AQ_Text_Block_Test extends AQ_Block {

    //set and create block
    function __construct() {
        $block_options = array(
            'name' => 'Text test',
            'size' => 'span6',
        );

        //create the block
        parent::__construct('aq_text_block_test', $block_options);
    }

    function form($instance) {

        $defaults = array(
            'text' => '',
        );
        $instance = wp_parse_args($instance, $defaults);
        extract($instance);

        ?>
        <p class="description">
            <label for="<?php echo $this->get_field_id('title') ?>">
                Title (optional)
                <?php echo aq_field_input('title', $block_id, $title, $size = 'full') ?>
            </label>
        </p>

        <p class="description">
            <label for="<?php echo $this->get_field_id('text') ?>">
                Content
                <?php echo aq_field_textarea('text', $block_id, $text, $size = 'full') ?>
            </label>
        </p>

        <?php
    }

    function block($instance) {
        extract($instance);

        if($title) echo '<h4 class="aq-block-title">'.strip_tags($title).'</h4>';
        echo wpautop(do_shortcode(htmlspecialchars_decode($text)));
    }

}
aq_register_block('AQ_Text_Block_Test');

Path:

../plugins/Aqua-Page-Builder/blocks/aq-text-block-test.php

Rename wrapper

hello.
Can I rename the wrapper?

The wrapper is used to differ or protect elements from other elements. so that not everything will be mixed,
Here what i am trying to do, I am trying to build linking system in the menu with the wrappers. IF we want to go different elements we don't have to scroll all the way down. We can simply click on the menu bar. And it will navigate us to the wrapper section.
This method will work like this.
menu button>link(www.xyz.com/#wrapper-post/wrapper-portfolio/wrapper-project)
So it would be very useful if i can get access to the wrapper section or rename the wrapper.
Is there any way to do that?just the naming issue

Top tabs doesn't expand enough to add new templates

Once I get to a certain amount of templates, I can't scroll to the end to see or click the + tab to add a new template. Any suggestions?

Limited number of templates shown

I have noticed that after creating many templates I can only see 15 at the top, and the button to create a new one has dissappeared. It appears that they are there but are hidden by the interface as I can see half of a button towards the end of the list but the slider will not progress to the end.

Default templates!

Hello Sy4mil!
Really love your plugin, and I'm trying create default template (templates to be created dynamically upon plugin activation), i want to know how to dynamically add a block item into the template?
Best regards!
Hasan
Salam Alykom

How to remove scripts and css files

Hi Again,

The plugin's been great and no problem now too. But i have question. How can i prevent the scripts used in this function

function view_enqueue() {

        wp_register_style( 'aqpb-view-css', $this->url.'assets/css/aqpb-view.css', array(), time(), 'all');
        wp_enqueue_style('aqpb-view-css');

        // front-end js
        wp_register_script('aqpb-view-js', $this->url . 'assets/js/aqpb-view.js', array('jquery'), time(), true);
        wp_enqueue_script('aqpb-view-js');

        //hook to register custom styles/scripts
        do_action('aq-page-builder-view-enqueue');

}

I have tried using remove_action and dequeue_script functions. But i can't get them to work.

Notice when APB is pasted in the mu-plugin/ directory

Notice: Undefined index: apb/aq-page-builder.php in /xxx/wp-content/mu-plugins/apb/classes/class-aq-plugin-updater.php on line 40

Jumpy sortable list when using "columns" block

Just a heads up here, and asking for some helps if possible.

If you noticed, when a "Column" block is used, the sortable list will get all "jumpy" and will be very hard to position. I have no idea why this happened, but the culprit seems to be on this line

Unfortunately, you can't just take out that line since that'll basically make your column block useless.

If you have any ideas how to solve this issue please let me know 😄

Cheers

Image upload

Hey Sy4mil

I am creating a themeforest WP theme and using 2 of your scripts (page builder & options framework) and really found them easy to use.

Just one small thing with the page builder (1.06), can an option to upload images be added to it?

Regards

New block not showing up after saving template

Hi,

So i create a new block using the default text block. Just change the class name. Here's the code http://snippi.com/s/57goja3

But after dragging the new block to builder area and clicking "Save template" doesn't save the block on the builder area. The page refreshes and the block is gone.

Thanks in advance.

HR color doesn't change as background color

I noticed that the Line Color option for the hr tag that's created with the Clear block doesn't work in Chrome, IE, Firefox, or Opera. It keeps the default hr line color. So, I changed it to apply a top border instead.

style="border:0;border-top: 1px solid '.$line_color.';"

After that, no problem. Not sure if you'd want to keep it that way or do something different, but it wasn't working for me on any browser I tested on until I changed it to a border instead of a background color.

Question: delete a Block from the Template programmaticly

Hello,

I would like to know if there is a way to delete a block from a template programmaticly?

Indeed, I use some specific APB block in a plugin but when the user deactives the plugin and doesn't delete the block manualy before, an error occurs (the block is unregistered but the block is still link to the template in the DB).

Thanks :)

Updater error notice

Hi, I'm getting this error appearing on plugin page:

Notice: Undefined index: aqua-page-builder/aq-page-builder.php in C:\ ... \wp-content\plugins\Aqua-Page-Builder\classes\class-aq-plugin-updater.php on line 42.

Any ideas ?

Thanks

Import / Export inconsistency

Hey Syamil,

I have huge respect for your work and I cannot thank you enough for all the good work you're doing. As I tweeted to you sometime ago, I'm having a lot of fun using the Page Builder and I built my theme by extending it.
There's one issue I stumbled over right now. I did an export for my templates, on the main theme site it looked like this:

On a brand new install, after using the WordPress import tool, the template looked like this:

It's missing as well as one of my custom blocks (Slogan), and two of the regular text blocks at the bottom. There are unaffected templates, but there are some which are affected by missing blocks.

Thanks for any help on this!

'Rich Text' block is visible on the backend but doesn't work.

Hi,

Thanks for this plugin! I'm using the latest WordPress and have been using this plugin for a little bit now and for the most part it has worked like a charm! I have used the 'Text', 'Column', 'Clear', and Widgets' blocks.

I'm now trying to use the 'Rich Text' block in the 'Available Blocks' area, but it's not working. Is there something I need to do or add to the coding to get the rich text block to work after I click and drag it over to the template area? I cannot type anything in the text area. All it will do is open up the media library, but when I select an image it doesn't populate in the text area. So just wanted to know if there is an extra step I needed to do to get it to work and function?

Thanks,
Bari

Tabs Block Not Working in 3.5

For some reason after the 3.5 update Tabs aren't working, however toggles and accordions do. Not seeing any JS errors in the console either.

Avoid Block Overwrite During Update

Lets say the user builds a site with the page builder and custom blocks included in a theme. Then, later switches to a different theme not using the page builder. The user would have to rebuild all content. Is there any way to avoid overwriting certain parts of the plugin like css and custom blocks? This way the builder could be carried forward with the new theme. Really, that would lock the block styles from previous theme as well. It seems there is no good way to carry it forward, the same issue with all Presentation vs. Functionality issues. Any ideas?

How to use Mutiselect field?

Hello,

I have a question: How to use Mutiselect field?

Thanks.

Hook to create a custom Form Field Helper

Hi Syamil,

I would like to create custom form field to display the wp editor, how can I do that? I don't see any available hook to do it.

Thanks.