Support » Plugin: Bootstrap Blocks » Few ideas

  • Resolved kubiq

    (@kubiq)


    Hello,

    thank you for a great plugin 😉

    I have few ideas – in fact, must-have features for me to be able to use it :/

    We need column size ‘auto’ so maybe you can set allowed min to -1 instead of 0 and then for -1 do ‘auto’

    1 column mode – sometimes we need to create row with 1 column of width 7 and it should be centered – it is possible to do it now when I select custom template for row, then add one more column and leave first 2 columns (above) empty, but that’s really tricky solution

    Remove backgrounds – they’re not usefull, in fact they make it ugly – see:
    With backgrounds: https://img.kubiq.sk/2019-10-11_16-27-45.png
    Without backgrounds: https://img.kubiq.sk/2019-10-11_16-26-51.png
    My solution was:

    [data-type="wp-bootstrap-blocks/row"]>.editor-block-list__block-edit::before,
    [data-type="wp-bootstrap-blocks/row"].editor-block-list__block.is-selected>.editor-block-list__block-edit::before,
    [data-type="wp-bootstrap-blocks/column"]{
    	background: none;
    }

    I also don’t understand your CSS for container:
    .wp-block-wp-bootstrap-blocks-container{ max-width: 80%; }
    I put there 100% and now it looks good 🙂

    Do you think it will be possible to make it more flexible with ideas above?

    Thanks 😉

Viewing 7 replies - 1 through 7 (of 7 total)
  • ANOTHER PRODUCTIVITY TIP:
    After ROW is added then user mostly wants to select column layout and then continue with other content.
    NOW:
    To do that I have to go 1 level up as first column is focused and not row, then I have to open layouts (in newest version it is open – GREAT!)
    WANTED:
    After row is created, row should be in focus, so you can directly select column layout from opened layouts offer

    Plugin Contributor tschortsch

    (@tschortsch)

    Hi @kubiq. Thanks for your input!
    We have to look into the auto-sized columns. Would be a cool feature indeed but is not that easy to implement (because of how the columns are styled in the editor right now). But it’s on our list.

    Adding an own layout (7 cols / centered) is already possible with the available filters:
    1. Add template (with JavaScript filter)

    
    wp.hooks.addFilter( 'wpBootstrapBlocks.row.useOldObjectTemplateStructure', 'myplugin/wp-bootstrap-blocks/row/useOldObjectTemplateStructure', () => false );
    
    function myRowTemplates( templates ) {
    	templates = [
    		...templates,
    		{
    			name: '1col-7width',
    			title: 1 Column (7 width)',
    			templateLock: 'all',
    			template: [
    				[
    					'wp-bootstrap-blocks/column',
    					{
    						sizeMd: 7,
    					},
    				],
    			],
    		},
    	];
    	return templates;
    }
    addFilter( 'wpBootstrapBlocks.row.templates', 'myplugin/wp-bootstrap-blocks/row/templates', myRowTemplates );
    

    2. Set default block attributes (with PHP filter)

    
    function myplugin_wp_bootstrap_blocks_row_default_attributes( $row_default_attributes ) {
    	$row_default_attributes['template'] = '1col-7width';
    	$row_default_attributes['alignment'] = 'center';
    	return $row_default_attributes;
    }
    
    add_filter( 'wp_bootstrap_blocks_row_default_attributes', 'myplugin_wp_bootstrap_blocks_row_default_attributes' );
    

    This should add your template as needed.

    About the backgrounds: We know that the current solution is not ideal. We added the background colors to visualize the col blocks. We’ll try to improve that!

    And the 80% style for the container was also just there to visualize that the blocks inside are wrapped in a container. Again not the best solution.

    Thank you, I just found these filters and it’s really useful 😉

    Plugin Contributor tschortsch

    (@tschortsch)

    @kubiq We just released v1.4.0 of the plugin. In this version we removed the container width in the editor. We also removed the background-colors of the row & column blocks in the editor (we only show them when hovering over the block).

    great! so I can remove my CSS hacks from theme 😉 thanks

    Plugin Contributor tschortsch

    (@tschortsch)

    Ah, and I forgot to mention that the plugin now supports equal width columns as requested.

    great 😉 so it is like col-md right? Or it is like col-md-auto?
    If I understand it correctly then -auto is still missing? Or it is when I set column to 0 (zero)? …nevermind I will try it tomorrow, thanks 😉

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.