Tags » Drupal

WordPress and Drupal Course in Delhi

WordPress and Drupal both are the CMS based platform used for website development. Creating an effective and responsive website in above CMS is very easy due to the availability of ready-made plugins and themes. 287 more words

Web Development Institute In Delhi

Drupal 8 Theme folder structure

A theme is a collection of files that define the presentation layer. You can also create one or more “sub-themes” or variations on a theme. Only the .info.yml file is required, but most themes and sub-themes will use other files as well. 188 more words

Drupal

Create a custom form in Drupal 8

In Drupal 8 form API is similar to Drupal 7 Form API. forms still uses array structure to render the data. but having separate validation and submission form.Drupal 8 has some new (HTML 5) elements available. 953 more words

Drupal

PHP to OPcode caching enable in Drupal 8

1.Goto >> C:/xampp/php/php.ini
edit this file and at very last add this code…

2.  Then add this line into the file

     
zend_extension=php_opcache.dll
;Determines if Zend OPCache in enabled… 8 more words

Drupal

Drush to install Drupal

You can easily install Druapl on your server if you have Drush configured on it. If you have Drush available on your server, follow the bellow steps: 54 more words

Technology

Sample of Drupal behavior

(function ($) {
 /**
 * Actions over videos in homepage
 *
 * @type {{attach: Drupal.behaviors.videoButton.attach}}
 */

 Drupal.behaviors.videoButton = {
 attach: function (context, settings) {
 var vid = $('video')[0];
 var vidover = $('.video-over')[0];

 //When the main video loads, play button shows
 vid.onloadeddata = function () {
 $('.play-button').fadeToggle("slow");
 };

 //Action to mute the main video
 $('.mute_button', context).click(function () {
 if (vid.muted === false) {
 vid.muted = true;
 } else {
 vid.muted = false;
 }
 });

 //Action to load the hidden video
 $('.play-button', context).click(function () {
 //Hide play button
 $('.play-button').fadeToggle("slow");
 //Keep the same height for video parent container
 $(".video-homepage").css('min-height', $(".video-homepage").css('height'));
 //Make a fade effect to avoid shown the videos change
 $(".video-div").fadeToggle("slow", function () {
 vid.src = vidover.innerHTML;
 vid.load();
 //When the new video is loaded make a fade effect to show
 vid.onloadeddata = function () {
 $(".video-div").fadeToggle("slow", function () {
 vid.play();
 });
 };
 });
 });
 }
 };
})(jQuery);
Drupal