Title: Dynamic loop block an toggle grid view.
Last modified: January 31, 2025

---

# Dynamic loop block an toggle grid view.

 *  [Kim Soler](https://wordpress.org/support/users/kimso/)
 * (@kimso)
 * [1 year, 3 months ago](https://wordpress.org/support/topic/dynamic-loop-block-an-toggle-grid-view/)
 * Hi this plugin is really good and easy to use but I have some questions and issues.
 * I use this on a dynamic loop block (generateBlocks) but I would like to use the
   delay to show every element some seconds after the before element shows, but 
   as in the editor is only one element, it always have the same delay.
 * The other point is that I have a toggle to change view from large to small element
   card (images) so when I switch the toggle to show smaller elements it doesn’t
   show the element untill I resize the window.
 * There are some solutions for that issues?
 * Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [websevendev](https://wordpress.org/support/users/websevendev/)
 * (@websevendev)
 * [1 year, 3 months ago](https://wordpress.org/support/topic/dynamic-loop-block-an-toggle-grid-view/#post-18278226)
 * > dynamic loop block (generateBlocks) but I would like to use the delay to show
   > every element some seconds after the before element shows
 * In an upcoming plugin update there will be a way to delay (stagger) elements 
   of Query Loop block, don’t know about GenerateBlocks though, never used it.
 * > The other point is that I have a toggle to change view from large to small 
   > element card (images) so when I switch the toggle to show smaller elements 
   > it doesn’t show the element untill I resize the window.
 * I don’t understand this, sorry. But when you have an issue with animating some
   block, you can always try to wrap this block in another block, such as the Animation
   container, and animate that instead.
 *  [huubl](https://wordpress.org/support/users/huubl/)
 * (@huubl)
 * [1 year, 3 months ago](https://wordpress.org/support/topic/dynamic-loop-block-an-toggle-grid-view/#post-18287229)
 * Hi [@websevendev](https://wordpress.org/support/users/websevendev/),
 * Just curious, do you have an estimated timeframe for when the update with this
   functionality will be available?
 *  [websevendev](https://wordpress.org/support/users/websevendev/)
 * (@websevendev)
 * [1 year, 3 months ago](https://wordpress.org/support/topic/dynamic-loop-block-an-toggle-grid-view/#post-18287967)
 * > do you have an estimated timeframe for when the update with this functionality
   > will be available?
 * It’s out already.
 * How to stagger animations:
    1. Insert the **Animation container** block.
    2. Enable the **Is animation provider** option on the block.
    3. Now the block has an option to configure **stagger** and animation.
    4. Any child blocks inside the (now called) **Animation _provider_** block can 
       use the **Inherit** animation – which will make use of the stagger option of
       the provider.
    5. So if you add a **Query Loop** block in the provider and use the “Inherit” animation
       on a block that is _inside_ **Query Loop -> Post Template** then for every query
       loop item it will get a longer delay.
 * Note: don’t put an animation on the **Post Template** block itself as on the 
   front end it is the `<ul>` of the loop not the `<li>`. Put the animation on a
   _child_ of Post Template.
 * Let me know if these instructions make any sense, if so, I’ll include them in
   the readme and help.
 *  [huubl](https://wordpress.org/support/users/huubl/)
 * (@huubl)
 * [1 year, 3 months ago](https://wordpress.org/support/topic/dynamic-loop-block-an-toggle-grid-view/#post-18291612)
 * Hi [@websevendev](https://wordpress.org/support/users/websevendev/),
 * Thanks for the update 🙂 I followed your instructions, and the staggered animations
   work perfectly!
 * I had a quick thought, maybe the plugin could extend core/other blocks so that
   the Animation provider block isn’t needed at all? Something like:
 * ![](https://i0.wp.com/i.ibb.co/35KYxBrW/afb-example.png?ssl=1)
 *  What do you think?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Dynamic loop block an toggle grid view.’ is closed to new replies.

 * ![](https://ps.w.org/animations-for-blocks/assets/icon-256x256.png?rev=2587511)
 * [Animations for Blocks](https://wordpress.org/plugins/animations-for-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/animations-for-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/animations-for-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/animations-for-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/animations-for-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/animations-for-blocks/reviews/)

## Tags

 * [grid](https://wordpress.org/support/topic-tag/grid/)

 * 4 replies
 * 3 participants
 * Last reply from: [huubl](https://wordpress.org/support/users/huubl/)
 * Last activity: [1 year, 3 months ago](https://wordpress.org/support/topic/dynamic-loop-block-an-toggle-grid-view/#post-18291612)
 * Status: not resolved