syamilmj / aqua-page-builder

Aqua Page Builder WordPress Plugin
238 stars 114 forks source link

Lots of bugs on WP 4 #176

Open khromov opened 9 years ago

khromov commented 9 years ago

Some issues on a clean install of WP 4.1

Column widget seems to work poorly, they just bounce all over the place, drag handler sometimes moves the block to the incorrect position

aqua-column

The delete buttons for each colums also get misaligned after a while.

CSS issues with blocks

aqua-widgets-broken

All regular blocks seem to have CSS issues.

More visual issues

aqua-column-2

JS Errors

Here's a JS error that I recently received:

TypeError: ui is undefinedhttp://vmware.dev/wpdev/wp-content/plugins/aqua-page-builder/assets/javascripts/aqpb-fields.js?ver=1420346448 line 188

Any thoughts on this, @syamilmj ?

partnuz commented 9 years ago
  1. Replace blocks draggable with code below to aqpb.js
    /** Blocks draggable (archive) **/
    $('#blocks-archive > li.block').each(function() {
        $(this).draggable({
            connectToSortable: "#blocks-to-edit",
            helper: 'clone',
            revert: 'invalid',
            start: function(event, ui) {
                block_archive = $(this).attr('id');
            },
            drag: function( event , ui ){
                ui.helper.css({
                    'height' : ''
                });
            }
        });
    });

Also comment out // Visual Editor Block in aqpb-blocks.js if you don't use the newest patch

WPsmart commented 9 years ago

Thanks Very much @partnuz

Its working like as charm :)

partnuz commented 9 years ago

@WPsmart also there is a bug with column width first time you drag it ( When resizing column it won't fit until saved ). Does somebody want this code too ?

WPsmart commented 9 years ago

Ah i dint see that but until you say, do you have code for it? please post here, Thanks very very much for your help

partnuz commented 9 years ago

Add

 'width' : '290px',

under

'height' : ''

This will snap to aquabuilder grid every block.

pda1982 commented 9 years ago

@partnuz: thanks for your help - it does work! However, the "Visual Editor Block" is in aqpb-fields.js, there is no aqpb-blocks.js Also, in what file and where should I add the latest addition with "width: 290px"?

Where can I find the latest patch you were referring to?

Thanks

partnuz commented 9 years ago

@pda1982 there is no official patch. Add width as property of ui.helper.css ( it's in the section i quoted above )