Categories

Featured templates

Drupal 7.x. How to add animation and configure its settings

Lana Greene March 27, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

This tutorial shows How to add animation and configure its settings in Drupal 7.x.

Drupal 7.x. How to add animation and configure its settings

The TM Animate module controls the activation/deactivation of animation. Moreover, depending on where you want to use animation, you may need the Block class or Views modules.

In order to add animation to a block, you should perform the following steps:

  1. In the admin panel navigate to Structure > Blocks menu;

  2. Click configure link next to the needed block;

  3. In the CSS class(es) field add 2 classes separated with space: , to run animation when the block appears in the visibility, and the animation class:

    Drupal.-How-to-add-animation-and-configure-its-settings-1

  4. Save the changes.

In order to add animation to a view, follow the steps below:

  1. In the admin panel navigate to Structure > Views menu;

  2. Click 编辑 link next to the needed view:

    Drupal.-How-to-add-animation-and-configure-its-settings-2

  3. In the Format section click settings 链接:

    Drupal.-How-to-add-animation-and-configure-its-settings-3

  4. In the pop-up window in the section find Class attribute field and enter the animation class and class there:

    Drupal.-How-to-add-animation-and-configure-its-settings-4

  5. Press Apply button.

  6. Save the view changes.

You can check all available animation classes by following this link.

Feel free to check the detailed video tutorial below:

Drupal 7.x. How to add animation and configure its settings

Responsive Drupal Themes
This entry was posted in Drupal Tutorials and tagged animation, drupal, settings. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket