Home
Search results “Drupal code style”
Drupal 7 Sweaver Module: Change your theme style with no CSS code
 
16:43
Drupal 7 Sweaver Module: Change your theme style with no CSS code Daily Dose of Drupal episode 185 Video on Code Karate website - http://codekarate.com/daily-dose-of-drupal/drupal-7-sweaver-module-change-your-theme-style-no-css-code The Drupal 7 Sweaver module makes it easy to change the style of your Drupal theme without having to write any CSS code or dig through any template files. The Sweaver module provides a simple to use designer toolbar that sits at the bottom of the page and allows you to instantly change the look of your Drupal theme. The interface itself is not perfect, there are a few bugs with the toolbar, however it's still incredibly useful. You can change fonts, borders, spacing, backgrounds and much more. Plus you can even add your own CSS properties to extend the module to do exactly what you need it too. You can also easily save and load different saved styles making it easy to change the entire look of your site at a moments notice. If you are already an experienced Drupal themer, this module is probably not for you. However if you are just getting started with Drupal or don't know much about CSS, subthemes, or theme template files, this module might save you a lot of time. Here are the basic steps for using this module: 1. Install and enable the Drupal 7 Sweaver module 2. Use the style tab of the Sweaver design toolbar at the bottom of the page to change your theme style without CSS. You will need to click the element on the page that you want to style. This will turn on the style options for you to change. You can configure the font, borders, padding, margin, background, width/height, and much more. You can also upload images using the images tab on the Sweaver toolbar. 3. Once your style is the way you like it, you can click the Save tab to save your design. You can also choose to publish it to your Drupal site. This will allow all users to see your design (Note: you may need to clear the cache for anonymous users to see your design because of caching). 4. You can save and load multiple designs using the Drupal Sweaver module So check out the module and let me know what you think. I would always recommend going the Theme route if you know what you are doing, however this is still an option for those who want to stay as far away from code as possible. Happy designing... no... happy Sweavering!!! Helpful Links: Sweaver Module - http://www.drupal.org/project/sweaver Daily Dose of Drupal Sweaver Module - https://codekarate.com/daily-dose-of-drupal/drupal-7-sweaver-module-change-your-theme-style-no-css-code CodeKarate.com - http://codekarate.com Code Karate YouTube Channel - https://www.youtube.com/user/codekarate Code Karate Google+ Page - https://www.youtube.com/user/codekarate Twitter account for Code Karate - http://twitter.com/codekarate Twitter account for Shane Thomas - http://twitter.com/smthomas3 Twitter account for Adam Learing - http://twitter.com/adamlearing Code Karate Facebook Page - https://www.facebook.com/codekarate
Views: 9072 Code Karate
Drupal 8 Theming - Part 16 - Working With CSS Frameworks
 
18:44
In this episode of Drupal 8 Theming we are going to do some actual theming using Zurb Foundation framework. To use any kind of CSS framework, something like Bootstrap or in our case [Foundation](http://foundation.zurb.com/) we have to be able to control output of our HTML, and specifically CSS classes that are applied on that HTML output. Because almost all of those frameworks depend on those CSS classes to work as expected. In this video I'm going to show you how you can add CSS classes to your output in your templates by using *addClass()* function on your attributes. I'm also going to show you how you can add custom CSS classes to your Views output. Code used in this tutorial https://github.com/ivandoric/d8theming/releases/tag/16 http://watch-learn.com/video-tutorials/drupal-8-theming-part-16-working-with-css-frameworks/
Views: 17733 Watch and Learn
Drupal 7 Style Guide Module - Daily Dose of Drupal episode 110
 
05:14
The Drupal 7 Style Guide module is a very simple module that helps you when building a Drupal theme. The module provides a single page displaying how your Drupal theme renders common Drupal elements, form elements, and other HTML elements. By having all of these elements rendered in one page, it makes it much easier to ensure your theme covers all the basics. In this episode you will learn: - How the Drupal Style Guide module will help you build better Drupal themes - How the Style Guide module helps make sure you don't forget to theme any common Drupal and HTML elements Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-style-guide-module http://drupal.org/project/styleguide Thanks to Drupalize.me (http://drupalize.me) for sponsoring this episode.
Views: 2351 Code Karate
Drupal 7 Image Styles - Daily Dose of Drupal episode 150
 
09:41
The Image Styles modules is part of Drupal 7 core modules. While simple, this module is a backbone to an enormous amount of use cases within Drupal. In this episode you will learn: - How to create an image filed on a content type - How to create an image style - How to associate the image style with the content type - How cute bunnies are
Views: 2695 Code Karate
Drupal 7 Tutorial - How To Style Drupal Flags With CSS (5/5)
 
03:46
I have written a beginner book on how to use the Django web framework: https://leanpub.com/django-the-easy-way Web: https://SamuliNatri.com Github: https://github.com/SamuliNatri Twitter: https://twitter.com/SamuliNatri Facebook: https://www.facebook.com/NatriSamuli
Views: 1620 Samuli Natri
How to Install Drupal Code Sniffer on Vim
 
12:57
PLEASE READ THE DESCRIPTION BELOW This tutorial will show you how to install Drupal Code Sniffer on Vim Editor. I chose to make the tutorial for Vim as 1) It's my favourite editor and 2) Documentation was scarce and outdated for doing this correctly. You can find all the commands and instructions on my blogpost here: https://masky.me/installing-drupal-code-sniffer-on-vim/ This video was made for the Google Code-In contest. Pre-university students age 13 to 17 are invited to take part in Google Code-in: The global, online, contest introducing teenagers to the world of open source. With a wide variety of bite-sized tasks, it’s easy for beginners to jump in and get started no matter what skills they have. Mentors from the participating organisations lend a helping hand as participants learn what it’s like to work on an open source project. Contest page: codein.withgoogle.com
Views: 69 Masky S
DrupalCon Nashville 2018: Integration of Drupal Coding standards with Git hooks
 
21:54
Introduction Git hooks are scripts that Git executes before or after events such as: commit, push, and receive. Git hooks are a built-in feature - no need to download anything. Git hooks are run locally. Hooks we will use in our session : pre-commit: Check for the line of code thats getting committed. This is something i will be explaining in detail in this article. pre-receive: Checks for the code that is getting pushed to git-repo. Invoked before the line of code gets pushed to git repo. post-receive: Gets triggered once the code is merged to the remote git repo. A simple usecase could be to notify other team members by sending an email with commit link and the commit message or to deploy the committed code to production These hooks are disabled in default state on your local repository and resides in .git/hooks. you just need to remove .sample extension, make them executable and you are all set to go!! The main objective while reviewing a pull request is to focus on the logic. As a Drupal developer and code reviewer, i have noticed people commiting code which lacks coding standard and at times they have syntactical errors as well. This used to waste a lot of my time as well as the developers leading to obvious problems towards the end of the Projects. when i found git-hooks and started playing around with it. Right now i have a pre-commit hook that tests the files for coding standards and syntactical errors before them getting committed and reaching to me. The following code in the pre-commit file takes care of parsing any file thats getting committed against Drupalcoding standards using PHP_Codesniffer and then parsing them against php lint. Take Away for attendees: Improved Project Management. Proper code as per coding standards. Proper workflow when you deploy something on the repository. Proper formatted commit messages as per defined in the documentation.
Views: 297 Drupal Association
Drupal 7 Quicktabs Module - Daily Dose of Drupal Episode 30
 
07:42
In this episode we look at the Drupal 7 Quicktabs module and examine how it can be used to easily create tabbed content containing blocks, views, nodes, and even other quicktabs blocks. In this episode you will learn: - How to use the Drupal 7 Quicktabs module for creating tabbed content on a Drupal website - How to position a Drupal 7 Quicktabs block using the Drupal blocks system - How to change the style of a Drupal 7 Quicktabs block instance Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-quicktabs-module http://drupal.org/project/quicktabs
Views: 19603 Code Karate
Drupal 7 Font Your Face (@font-your-face) module - Daily Dose of Drupal episode 102
 
09:18
The Drupal 7 @font-your-face module is one of the easiest ways to get started with adding web fonts to your Drupal 7 website. It provides an easy to use administrative interface which makes adding web fonts simply point and click. In this episode you will learn: - How to download and configure the @font-your-face module - How to use Google Fonts API with the Font your face module - How to use a custom CSS selectore with the @font-your-face module - How to add the Font your Face code directly to a Drupal theme Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-font-your-face-font-your-face-module http://drupal.org/project/fontyourface Today's episode is sponsored by Drupalize.me (http://drupalize.me).
Views: 8751 Code Karate
How to A/B test your Drupal Site
 
09:03
How to A/B test your Drupal Site Daily Dose of Drupal Episode 208 - https://codekarate.com/daily-dose-of-drupal/how-ab-test-your-drupal-site Are you testing your site? Until recently, we weren’t and it was costing us. Every element on your website should have a meaning and if you aren’t testing it against something else how can you be sure that you are maximizing your results! Welcome, Optimizely. Optimizely is an A/B testing tool that allows you to modify the HTML and CSS of your website to test different website elements. The configuration for this service is limitless. After you configure an Optimizely experiment you then get to look at the results and determine how each element worked best on your site. Remember, knowledge is power and Optimizely sure give you a lot of knowledge. How does this relate to Drupal? Well, if you use the Optimizely Drupal module you are able to specify which pages you want the Optimizely Javascript to load on. By default, optimizely will load the Javascript file on every page. The problem with that is your experiment most likely is only on one page. Loading a Javascript file on pages without an experiment running is wasteful and slows down page load time. Links: DDoD Episode 207: https://codekarate.com/daily-dose-of-drupal/how-ab-test-your-drupal-site Drupal Optimizely Module: https://www.drupal.org/project/optimizely Optimizely: http://optimizely.com CodeKarate.com - http://codekarate.com Code Karate YouTube Channel - https://www.youtube.com/user/codekarate Code Karate Google+ Page - https://www.youtube.com/user/codekarate Twitter account for Code Karate - http://twitter.com/codekarate Twitter account for Shane Thomas - http://twitter.com/smthomas3 Twitter account for Adam Learing - http://twitter.com/adamlearing Code Karate Facebook Page - https://www.facebook.com/codekarate
Views: 4372 Code Karate
Drupal 7 Field Formatter CSS Class Module - Daily Dose of Drupal episode 83
 
06:07
The Drupal 7 Formatter CSS Class module (not to be confused with episode #82 and the Field Formatter Class module), can be used to add a CSS class to the display of a node based on a specific value in that node. For instance, it can be used to add a class based on what the user selects for a dropdown value when creating the piece of content. In this episode you will learn: - How the Drupal 7 Formatter CSS module differs from the Field Formatter Class module - How the Drupal 7 Formatter CSS module can be used to add CSS classes based on the value of a Select box on a content type Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-field-formatter-css-class-module http://drupal.org/project/field_formatter_css_class
Views: 10430 Code Karate
Drupal 7 Field Formatter Class Module - Daily Dose of Drupal episode 82
 
05:07
The Drupal 7 Field Formatter Class module allows you to add classes to the display of individual fields that are output by Drupal using the Field API. This module is useful to help save you from writing as many lines of CSS as you can use this to implement common classes across multiple fields or even use it to differentiate the same field used across multiple content types. This is a flexible tool for those site builders or themers that need a little extra help when styling the display of their Drupal fields. Note: This module requires the Drupal 7 Field formatter settings module. In this episode you will learn: - How to change the class on on a Drupal 7 content type field display Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-field-formatter-class-module http://drupal.org/project/field_formatter_class http://drupal.org/project/field_formatter_settings
Views: 7853 Code Karate
How To Port Theme From Drupal 7 to Drupal 8
 
45:05
This video shows the process of porting a drupal 7 theme to drupal8. the theme which is used in this video is the Danland theme. Also i apologize for the videosoft logo in the middle of video. Danland can be downloaded at https://www.drupal.org/project/danland The post which was used in aid of creating the .libraries file is at https://www.drupal.org/docs/8/theming-drupal-8/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-theme The automatic converter for the template files can be found at https://www.drupal.org/project/twigify To manually convert the templates to the drupal 8 formay use: 1) https://www.drupal.org/docs/8/theming/twig/comparison-of-phptemplate-and-twig-theming-paradigms 2) https://www.drupal.org/docs/8/theming/drupal-twig-conversion-instructions-tplphp-to-htmltwig Information on changes to the .theme file for atributes and how to make it is at: https://www.drupal.org/docs/8/theming-drupal-8/modifying-attributes-in-a-theme-file My blog can be found at: https://progsmart.wordpress.com/2016/12/17/how-to-port-drupal-7-theme-to-drupal-8/ Video done for a task in Google Code-In (GCI) 2016. Google Code-in is a contest for pre-university students (e.g., high school and secondary school students ages 13-17) with the goal of encouraging young people to participate in open source... more info about google code in at https://developers.google.com/open-so...
Views: 765 Phillip Llewellyn
drupal coding standard
 
03:58
Example of using your editor to comply with the Drupal Coding Standard (or any other standard).
Views: 110 David Kinzer
Drupal 7 - Style Formatting
 
01:39
Drupal 7 Content Editor Training Video - Content Editor - Adding Styles to your text with Style Formatting
Views: 71 ISUExtensionWeb
DrupalCon New Orleans 2016: Dependency injection in Drupal 8
 
39:26
Since the released of D8 with symphony and contrib module, everyone has been trying to contribute as much and as fast as possible. However the thought process has not yet moved to Drupal 8 style of coding (best practices not yet employed). The challenge here is the lack of design patterns in Drupal 7; where all modules designs were different. For many the questions that pops up are: "What is Services and Dependency Injection? How does it help me?" The way I see the answer to second question is It enables us to reuse the functionality and make our services pluggable and replaceable. To undestand and use best practices such as using service container in a decoupled manner. In Drupal 8 We have many services and Dependency Injection Containers which give super powers to our Drupal 8 modules. It's paramount that we understand and use them in Drupal 8 module development. My session will talk about various scenerios and how can we use different services and Dependency Injection in these scenerios. The session will include demos, examples and code walk throughs. Here're the objective of the session: Overview of Services and Dependency Injection? Drupal 8 core services and how to use them. How to use Dependency Injection in a Drupal form? How to use Dependency Injection in Contrib modules? What level of knowledge should attendees have before walking into your session: This session will be easy to understand for people with intermidiate level knowledge of Drupal. However the session should be open for beginners. Take Away for attendees: Best practices of building custom and contrib module using services and dependency injection. How to's for business logic of modules? Understanding of using DRY methodology. Keeping module in decoupled manner.
Views: 1803 Drupal Association
Add CSS to fa fa-icon in Drupal 7.x with Font Awesome Icons Module
 
05:41
Adding CSS to your Drupal 7.x website is complex if you have never discovered how to properly apply the CSS to blocks, regions, or zones in your Responsive Drupal 7.x site. This tutorial is using the Responsive Omega template in Drupal 7.x to show you how to add CSS to your website, and you can use these concepts anywhere in your Drupal 7.x site. This tutorial shows you how to use CSS coding to add style to your font awesome icons previously added to your Drupal 7.x site in the previous tutorial (https://www.youtube.com/watch?v=mr6UCMagBg4). Watch that tutorial if you are having trouble adding font awesome icons to your Drupal 7.x website because ckeditor is removing your i tags. This last bit of this tutorial shows how to add a hover style to your font awesome fa fa icon with a scale property. More free tutorials on Drupal 7.x at: http://d-ziredtutorials.com/ No time to build a Drupal website? Visit http://beallbros.com/
Drupal 7 - How To Use Breakpoints And Style Responsive Inline Images (#6)
 
16:40
Tutorial on how to use the Breakpoints module and style inline images. We also export styles from Sketch. https://samulinatri.com/blog/drupal-7-breakpoints I have written a beginner book on how to use the Django web framework: https://leanpub.com/django-the-easy-way Web: https://SamuliNatri.com Github: https://github.com/SamuliNatri Twitter: https://twitter.com/SamuliNatri Facebook: https://www.facebook.com/NatriSamuli
Views: 2041 Samuli Natri
Drupal 6 - Adding Style Formatting to Text
 
01:51
Drupal 6 Content Editor Training Video - Content Editor - How to add formatting to text
Views: 120 ISUExtensionWeb
Advanced Front-End Architecture In Drupal 8: Sass, Gulp, and Living Style Guides
 
01:10:15
Experience Level: Advanced Topic: Front-End Development (http://main-spring.io) Presenter: Aidan Foster Related Links: http://main-spring.io http://demo.main-spring.io In this advanced session, we will review the front-end tools & setup we use at Foster Interactive in our Drupal themes. We bundle this suite of tools in an open-source starter kit called main-spring.io. Mainspring was created internally to allow us to kick off projects faster. It's a clean slate where all the interesting tools and best practices we've observed in other open-source projects have been bundled together in a way that works with Drupal. Mainspring has evolved to include three major components: - Gulp/Node Based Development tools to help us code faster and with fewer bugs - Living Style Guide: (Think a custom, automatically documented version of Twitter Bootstrap for each project) - Sass Components / Structure (Opinionated refinement of the Drupal 8 CSS coding standards) The tools used in Mainspring are all "Proudly Built Elsewhere". This session is intended to showcase what works for us. Hopefully, you'll see something interesting you can start using in your own project.
Views: 1794 Aidan Foster
Drupal - Coding standards
 
01:13
Coding standards For more info: https://www.drupal.org/docs/develop/standards/coding-standards#indenting
Views: 65 One Minute Drupal
DrupalCon Nashville 2018: Cthulhu Drupal: Coding with Lovecraft
 
56:24
Discover the fatalistic implication of being insignificantly powerless before such vast, unknowable and fundamentally alien entities and other oddities of Drupal 8. Take one step away from the comforts of home, and you will find terror and madness on every service and dependency. Dark plugins, hideous annotations, dependency injections so terrible that none may comprehend them and remain sane. Demons gibber in the Symfony substructure beneath your feet. You’ve been a Drupal developer for years. For years, you have wrestled with comprehensible hooks and won. For years, you have created complex modules from countless PHP libraries and solved the most terrifying business logic. But now, you awake in the world of Drupal 8, and your procedural understanding will no longer suffice. Changes on a cosmic scale await in Drupal 8! If insanity is to be the new game, let us finally learn what we must learn. If for some reason, you have yet to embrace dependency injection, plugins, services, event subscriptions, or even simple routes, we can shed off this mortal coil and embrace the new gods. Let us explore the depths of Drupal 8 and embrace what we find, even if it drives us mad in the process. Special note: the Madness Module was developed to help demonstrate the lessons from this session. This session is for Drupal 6 and 7 developers that have yet to embrace the Cosmic Horror of Drupal 8’s new concepts Self-taught acolytes of PHP procedural delight that must now awaken to OOP’s harsh, cruel realities Befuddled Drupalites that find themselves wishing to be devoured first, rather than to be driven mad and then devoured It will cover The basics of dependency injection and how to use it What is a service and how can we register our code in the service of the Great Old Ones When the old gods awoke, what changes did they bring? Attendees will learn What’s new in Drupal 8 (For Drupal 7 developers) with a nice Lovecraftian theme What Symfony is, how Symfony is a part of Drupal, and how to surrender to it
Views: 175 Drupal Association
DrupalCon Baltimore 2017: Code Standards: It's Okay to be Yourself
 
01:00:40
Imagine writing a book with a team of other people, but you're not following the same grammar and spelling rules. It would be really difficult. In writing prose, grammar and spelling are our standards. In writing code, we have standards as well. Following these rules helps us maintain code together. Coding standards help us agree on the level of quality our code should meet. The Drupal community has a thorough and ever-evolving set of coding standards to keep our code readable and maintainable by developers around the world - this allows Drupal's open-source community to thrive all over the globe. Even if you aren't contributing code back to Drupal (gasp!), and you think you are the only person who will ever see your code - you truly never know. Best practices exist for a reason, and you can never be sure where your code will end up, whether it will need to be scaled, or who will read it one day. Keep it standardized, and you'll never have to worry! If you’re new to Drupal, this session is essential! If you want to want to brush up your knowledge and clean up your code, or make sure you're writing clean code in Drupal 8, this session is also for you. You will learn the answers to some important questions, such as: What are Code Standards? Why should we follow Code Standards? Why are they important? What do they help us achieve? Who decides Drupal’s Code Standards? How do we implement them? You will learn both formatting standards for your code and documentation standards, as well as some specifics for things like Twig, and object-oriented programming in Drupal 8. You will learn how to implement these standards using tools like Coder and PHP Codesniffer, and how to make your editor do some of the work for you. This session is appropriate for any level of Drupal experience, from beginner to expert. Blog Posts that inspired this session: Drupal Code Standards: What Are They? Drupal Code Standards: How Do We Implement Them? Drupal Code Standards: Formatting Drupal Code Standards: Documentation Drupal Code Standards: The t() function Drupal Code Standards: Object Oriented Coding & Drupal 8 Drupal Code Standards: Twig in Drupal 8
Views: 270 Drupal Association
Using the CSS Injector Drupal Module to Change the Design of Your Drupal Site
 
09:53
In this video, I'll show you how to use the CSS Injector Module (https://drupal.org/project/css_injector) to tweak the design of your Drupal website without having to edit the theme code.
Views: 18039 DrupalTutor
Drupal 7 Superfish: An easy way to get dropdown menus
 
12:22
Drupal 7 Superfish: An easy way to get dropdown menus Daily Dose of Drupal Episode 191: https://codekarate.com/daily-dose-of-drupal/drupal-7-superfish-easy-way-get-dropdown-menus Just like your grandparents, the Superfish menu module is an oldy but a goodie. Since 2010, Superfish has been helping site owners implement the infamous dropdown menu. Over the years Superfish has been improved to include various features for touch screens, and responsive needs. Once you have the Superfish module installed (don't forget the Superfish Library) you are able to assign various existing menus to use the functionality. Superfish by default will created 4 blocks (this is configurable) that you can simply assign to a menu. Once assigned and some minor configuration you are able to drop this block into the flow of the website. Like any block, there are numerous visibility and configuration options to get you to your perfect look. Neat! NOTE: Make sure to watch the video as I will describe which version of the Superfish library to use! Hint: It isn't the production library. Links: Superfish Menu Module - https://www.drupal.org/project/superfish Daily Dose of Drupal Superfish Menu Module - https://codekarate.com/daily-dose-of-drupal/drupal-7-superfish-easy-way-get-dropdown-menus CodeKarate.com - http://codekarate.com Code Karate YouTube Channel - https://www.youtube.com/user/codekarate Code Karate Google+ Page - https://www.youtube.com/user/codekarate Twitter account for Code Karate - http://twitter.com/codekarate Twitter account for Shane Thomas - http://twitter.com/smthomas3 Twitter account for Adam Learing - http://twitter.com/adamlearing Code Karate Facebook Page - https://www.facebook.com/codekarate
Views: 24146 Code Karate
Getting the most out of PHPStorm for Drupal 8
 
47:43
Kyle Einecker Have you Looked at a class, seen nothing but {@inheritdoc} and been annoyed? Gotten tired of using kint() and page reloads to view variable values? Forgotten a use statement at the top of your file? Had your merge requests and patches rejected due to code styling? Missed a required method when implementing an interface? Then this session for you. This session will cover how to use many of the tools in PHPStorm that make developing for D8 faster and easier. We'll look at how tools like phpcs and phpmd will warn you about your code style violations. Do an overview of the most useful shortcuts and interfaces provided by PHPStorm that make looking up function documentation and writing new code a breeze. And end with using Xdebug to make debugging and developing with unfamiliar code seem easy. Slides: https://ctrladel.github.io/badcamp17/ https://2017.badcamp.net/session/coding-development/intermediate/getting-most-out-phpstorm-drupal-8
Views: 1171 Bay Area Drupal Camp
Drupal without Coding
 
27:36
Drupal is for coders only right? Well, to be fair without the many talented Drupal coders this presentation would'nt even exist! Drupal is a fantastic system capable of building amazing custom solutions, but do you have to be a coder to build a site with Drupal? How far can you get without writing a single line of code and just using your mouse? This presentation takes you on a journey on how different location based Drupal contrib modules were used to build a GPS coordinate aware photo-metadata mapping system with Drupal. Or, in other words... how to build a Drupal website to publish your photographs on a map. -- Why watch? -- This session is for you if you are new to Drupal and want to find out how far NO coding can take you. Have an interest in mapping and meta data? Great, that's covered too. The website that will be used for this session is my personal one http://www.stefanvanhooft.com. I will also touch on the Drupad module for creating and managing content "on the go". -- Drupal Camp Pakistan -- A big thank you to the organisers of the second Drupal Camp in Pakistan for inviting me to be a remote speaker. It was an honour to connect with the Pakistan Drupal community. http://www.drupalcamp.pk/ -- More about the presentation -- The presentation will guide you through the building blocks used to get a Drupal website up and running and cover geo-referencing, location based modules, mapping and batch uploading images; all without coding. Modules such as Location, Geocoder, Geofield, Leaflet, Bulk Media Upload and others work together to build a workflow that allows for easy (bulk) upload of images and displaying them on a Leaflet map.
Views: 1175 Stefan van Hooft
Using the CSS Injector Module to Style a Drupal Website
 
08:33
A demonstration on how to use the CSS Injector module to apply styles to a Drupal webiste right on the browser.
Views: 5251 Mario Hernandez
Drupal 7 - How To Add CSS Classes To Blocks
 
01:08
https://samulinatri.com/blog/drupal-7-block-class I have written a beginner book on how to use the Django web framework: https://leanpub.com/django-the-easy-way Web: https://SamuliNatri.com Github: https://github.com/SamuliNatri Twitter: https://twitter.com/SamuliNatri Facebook: https://www.facebook.com/NatriSamuli
Views: 3463 Samuli Natri
Drupal 8 Theming - Part 09 - Introduction to Views
 
21:30
In this Drupal 8 Theming tutorial we are going to create dummy content using Devel module and display it on our front page using Views. Views is one of the most powerful features of Drupal. It allows us to create custom queries on our content and display it on our pages or blocks. In this episode we are first going to create dummy content using Devel module and then we are going to display it on our front page using Views. And I can tell you right away, we are not going to like how that looks so we are going turn to Views once again and with a bit of help from css display our content just the way we like it :). Devel module: https://www.drupal.org/project/devel Code used in this tutorial: https://github.com/ivandoric/d8theming/releases/tag/9 http://watch-learn.com/video-tutorials/drupal-8-theming-part-09-introduction-to-views/
Views: 19248 Watch and Learn
Drupal 7 SimpleAds Module - Daily Dose of Drupal Episode 5
 
08:22
Have you ever wanted to display advertisements on your Drupal 7 website? If so, this episode will walk you through step by step, how to set up and configure text and image advertisements for display on your Drupal site. In this episode you will learn: - How to install and configure the SimpleAds module on a Drupal 7 site - How SimpleAds campaigns work - How to display text based advertisements on your Drupal 7 website - How to display image based advertisements on your Drupal 7 website - How to view analytics and performance of the advertisements
Views: 18672 Code Karate
Drupal 7 Colorbox module - Daily Dose of Drupal episode 105
 
09:34
The Drupal 7 Colorbox module is one of the many Drupal modules that allows you to display things in a lightbox style modal dialog window. In this episode you will learn: - How to use the Drupal Colorbox module to display image fields in a Colorbox window Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-colorbox-module http://drupal.org/project/colorbox Thanks again to Drupalize.me (http://drupalize.me) for sponsoring this episode of the Daily Dose of Drupal.
Views: 25485 Code Karate
Create your own bespoke Views Style Plugins for Drupal 8 by Jibran Ijaz
 
33:44
Jibrans Ijaz' presentation at DrupalSouth 2015 in Melbourne
Views: 609 DrupalSouth
Drupal Consilium, How to change header style and class
 
04:06
This tutorial will show you how to change the header styles for our Drupal Consilium theme
Views: 4058 CMSSuperheroes
Excluding Drupal nodes from a view based on node ID
 
06:21
Drupal 7 Excluding Node ID from URL Daily Dose of Drupal Episode 197 - https://codekarate.com/daily-dose-of-drupal/drupal-7-excluding-node-id-url In this installment of the Daily Dose of Drupal, we are looking not at a module, but rather how to exclude a node from a view using the node/content ID. The video explanation will put a lot more context around exactly what I mean, but the general idea is using a view we will be able to exclude the current node id we are on (grabbed from the URL) from the view. In other words, if you are on a page about grasshoppers the view possibly on the sidebar that displays other insects won't have the grasshopper listed (ie since we are already on this page). This little trick will greatly improve your user experience on your site. All in all, eliminating a "useless" link to the same page you are currently on is a win-win! Doesn't everyone love to win? We think yes. Also, make sure to listen to the end for a quote that I personally feel if taken to heart can be a life changer. Links: Drupal 7 Excluding Node ID from URL - https://codekarate.com/daily-dose-of-drupal/drupal-7-excluding-node-id-url CodeKarate.com - http://codekarate.com Code Karate YouTube Channel - https://www.youtube.com/user/codekarate Code Karate Google+ Page - https://www.youtube.com/user/codekarate Twitter account for Code Karate - http://twitter.com/codekarate Twitter account for Shane Thomas - http://twitter.com/smthomas3 Twitter account for Adam Learing - http://twitter.com/adamlearing Code Karate Facebook Page - https://www.facebook.com/codekarate
Views: 2554 Code Karate
Drupal 8 Block Plugin API
 
31:14
This blog post takes a look at how a module developer might create custom blocks in Drupal 8. This is my first attempt at working through all of this so if you've got thoughts on better ways to do this please leave a comment. Why Blocks? The concept of blocks has been around in Drupal since the earliest versions. Chunks of information that can be placed into the regions provided by a theme and re-used throughout your site. As Kyle points out in his previous blog post, blocks are really useful in Drupal 8 as the tools for managing their placement and visibility have continued to mature. The system for defining blocks in code has changed quite a bit for Drupal 8 though so it's worth taking a fresh look at how to create blocks in your own module. Especially since in my experience it's one of the first things we need to know how to do as module developers. Creating Blocks: The Block Plugin API In previous versions of Drupal, blocks where added by implementing hook_block_info() and the various block CRUD hooks like hook_block_save(). Or if you're really old-school there was just plain ole' hook_block(). The general premises was write some code that tells Drupal about the existence of your block and which PHP functions Drupal should call when someone is viewing the block. Then implement those functions and adhere to a defined pattern of what the expected return results from those function(s) should be. Drupal would then know your block existed and allow administrators to place it in a region on the page. Drupal would also know what PHP function to call to retrieve the content of your block. The general idea is still the same in Drupal 8. Tell Drupal your block exists, and then provide PHP code that will be called when someone is trying to view or otherwise interact with your block. The mechanics however are quite a bit different. In Drupal 8, custom blocks provided by a module implement the Block Plugin API which is a subset of the more generic Plugin API. What used to be info hooks that returned arrays for block discovery is now composed of Annotations and the use of PSR-0 so Drupal can both find and understand your blocks. Callback functions that returned the content of your block are now methods on the Drupal\block\BlockPluginInterface which you can override as needed in our custom block code. Blocks are, of course, a really common pattern in Drupal and as such there is a helpful Drupal\block\BlockBase class that you can extend when creating your own Blocks. BlockBase provides the basic block configuration form which administrators see, access rules, and cache handling—all of which can be overridden as needed for your specific use-case. In this video I'm going to define a custom block with some very basic configuration settings and walk through: Where you should put the code for your block Annotation based plugin discovery and how to know what to put in the annotation Outputting simple text in the body of a block Changing the access rules / visibility for a block in code Adding a custom configuration option to the block configuration form Saving block configuration data Using stored block configuration data Rather than start from scratch I'll be building off the Chad module which I started in Writing a Hello World Module, and then continued to build on in Getting Started with Drupal 8 Forms and Configuration Management for Developers. The code can be found on GitHub, and you should totally grab a copy and follow along. Writing this blog post and recording this video resulted in the following documentation pages being overhauled: https://drupal.org/node/2168137 and an issue for missing documentation in core being filed: https://drupal.org/node/2248951. Now that you know how blocks work, help us get the documentation updated. :)
Views: 8933 Drupalize.Me
Drupal Auto Assign Role Module: Control your Drupal roles
 
08:10
Drupal Auto Assign Role Module: Control your Drupal roles Daily Dose of Drupal Episode 190 - http://codekarate.com/daily-dose-of-drupal/drupal-auto-assign-role-module The Drupal 7 Auto Assign Role module allows you a lot of flexibility in deciding what roles users receive on your Drupal 7 website. If you have ever needed to allow a user to select their own role, or if you have ever needed to automatically assign a role to every user on your Drupal site. This is the module for you. There are three options for configuring the auto assign role module. One is to always automatically assign a specific role to every user that signs up for your site. The second option is to allow a user to select one or more roles on the user registration page when they are signing up for their user account. The last option is to have separate registration pages for each role. This one allows you to really design the user registration process to a specific workflow. This module can be very useful on social networking sites, forum or discussion board sites, some types of ecommerce sites (where you might want to allow users to sign up as sellers), and much more. This module is useful anytime you want a user to be able to categorize themselves into a specific role, and you want those roles to have different permissions across your site. Links: Auto Assign Role Module - https://codekarate.com/daily-dose-of-drupal/drupal-auto-assign-role-module Daily Dose of Drupal Auto Assign Role Module - http://codekarate.com/daily-dose-of-drupal/drupal-auto-assign-role-module CodeKarate.com - http://codekarate.com Code Karate YouTube Channel - https://www.youtube.com/user/codekarate Code Karate Google+ Page - https://www.youtube.com/user/codekarate Twitter account for Code Karate - http://twitter.com/codekarate Twitter account for Shane Thomas - http://twitter.com/smthomas3 Twitter account for Adam Learing - http://twitter.com/adamlearing Code Karate Facebook Page - https://www.facebook.com/codekarate
Views: 2675 Code Karate
Drupal Todo Filter Module: An Easy Way To Add Checkboxes
 
07:04
Drupal Views Module: Creating Lists of content on your Drupal site Daily Dose of Drupal Episode 204 - https://codekarate.com/daily-dose-of-drupal/drupal-todo-filter-module-easy-way-add-checkboxes In this episode of the Daily Dose of Drupal, we looking at the ToDo Filter Module. As I mention in the video this is one of those modules that probably isn’t going to wow you and honestly won’t be used a lot. However, this module does have its place in your Drupal module repertoire. As demonstrated in this video the ToDo Filter module allows you to add checkboxes into any body or long text field. It is important to note that this isn’t a separate field type. I know, it should be. Once you enable this module within one of your site’s input filters you just have to make sure to set the processing order of the ToDo Filter to last. If you don’t your other input filters will override the custom syntax used by the module. To see this all in action, make sure to check out the video. Off the top of my head I think this module can be used if you need to track a support checklist or the obvious to do list. One neat feature that this module uses is the node_save function. By using this function you are able to check or uncheck a box and this automatically saves the node. Using this function eliminates the task of having to make changes to the node via the edit page. Overall, this is a well put together module. It doesn’t do a lot, but what it does it does well. Check it out and let me know what you think. Links: Drupal Todo Filter Module: An Easy Way To Add Checkboxes - https://codekarate.com/daily-dose-of-drupal/drupal-todo-filter-module-easy-way-add-checkboxes Drupal 7 ToDo Filter Module - https://www.drupal.org/project/todo_filter CodeKarate.com - http://codekarate.com Code Karate Sticker Giveaway - http://codekarate.com/sticker-giveaway Code Karate YouTube Channel - https://www.youtube.com/user/codekarate Code Karate Google+ Page - https://www.youtube.com/user/codekarate Twitter account for Code Karate - http://twitter.com/codekarate Twitter account for Shane Thomas - http://twitter.com/smthomas3 Twitter account for Adam Learing - http://twitter.com/adamlearing Code Karate Facebook Page - https://www.facebook.com/codekarate
Views: 2519 Code Karate
Out on a TWIG: custom theme development
 
42:50
Christopher Panza Drupal 8 provides us with a new theming engine. With excitement, we say goodbye to PHPTemplate and discover by example how to implement a custom theme in Drupal 8 using TWIG. We'll recap the coding style and available options (that you may have already seen in other presentations), then use these concepts to build a custom theme. https://2015.drupalstl.org/conference/sessions/out-twig-custom-theme-development
Views: 1585 Drupal STL
Drupal 7 Range: Set two values for a Drupal 7 field
 
08:05
Drupal 7 Range: Set two values for a Drupal 7 field Daily Dose of Drupal Episode 195 - https://codekarate.com/daily-dose-of-drupal/drupal-7-range-set-two-values-drupal-7-field You ask and you shall receive. That is exactly what happened. Roman, the supporter of the Range Module, asked us to review his module. So that is what we did. The Range module allows you to add a Drupal 7 field that holds two values or a range. Like similar Drupal 7 fields there are a bunch of various configuration options available. Those include setting label text, minimums, maximums, etc. Also, the Range module provide three different types: integer, float and decimal. Depending on your need you can choose the best type for you. In the video, I cover the positives and negatives to using each type. Thanks again to Roman for suggesting the Range module. It is a well built module that does the most important thing a module can do. It just works! If you have any modules you want us to review make sure to use the contact link on the top of the CodeKarate.com site. Thanks. Links: Drupal 7 Range Module - https://www.drupal.org/project/range Daily Dose of Drupal Interval Field- https://codekarate.com/daily-dose-of-drupal/drupal-7-range-set-two-values-drupal-7-field CodeKarate.com - http://codekarate.com Code Karate YouTube Channel - https://www.youtube.com/user/codekarate Code Karate Google+ Page - https://www.youtube.com/user/codekarate Twitter account for Code Karate - http://twitter.com/codekarate Twitter account for Shane Thomas - http://twitter.com/smthomas3 Twitter account for Adam Learing - http://twitter.com/adamlearing Code Karate Facebook Page - https://www.facebook.com/codekarate
Views: 2795 Code Karate
Drupal Tags Display Formatting -  Textformatter Module Training
 
07:50
In this Drupal video training we look at how to format tags on your drupal nodes using the textformatter module. By default in drupal you don't have option to show tags in a comma separated format - the most common format one expects out of the box.
Views: 353 iLoveDrupal2
Drupal 7 Calendar Module - Daily Dose of Drupal Episode 155
 
14:15
The Drupal 7 Calendar Module makes it easy to build event calendars in Drupal. It makes use of the Views module to make it all happen. In this episode you will learn: - How to build a content type with a date field to use in your Calendar - How to build a basic Drupal 7 Calendar to display events - How to use Views to change the settings of your Calendar - How to create a calendar legend using a taxonomy term Links: - http://codekarate.com/daily-dose-of-drupal/drupal-7-calendar-module - http://twitter.com/smthomas3 - https://drupal.org/project/calendar
Views: 34451 Code Karate
Module Development: Drupal 7 Renderable Arrays - Daily Dose of Drupal Episode 39
 
07:56
Printing out straight HTML in your custom modules was so Drupal 6. Learn all about Renderable Arrays in Drupal 7 to make your Drupal 7 pages even more flexible. In this episode you will learn: - The basics of Drupal 7 Renderable Arrays - How to implement a simple Renderable Array Drupal 7 example Links: http://codekarate.com/daily-dose-of-drupal/module-development-drupal-7-renderable-arrays http://drupal.org/node/930760
Views: 5252 Code Karate
Drupal CSS files not loading on a fresh installation
 
01:38
I just installed Drupal 8, and the CSS files are not loading. This is how I fixed it. Website: https://askit.one Domain and web hotel: http://one.me/noaimbmk
Views: 677 Coding Fora
Drupal 7 Block Class Module - Daily Dose of Drupal episode 122
 
04:54
The Drupal 7 Block Class module provides an easy way to add a CSS class to a Drupal block. In this episode you will learn: - How to use the Block Class module to add a CSS class to a Drupal 7 block - Cases that having a CSS class on your Drupal block might be useful Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-block-class-module http://twitter.com/smthomas3 http://drupal.org/project/block_class Thanks to Drupalize.me (http://drupalize.me) for sponsoring this episode of the Daily Dose of Drupal.
Views: 6204 Code Karate
Drupal 7 - How To Install Bootstrap Subtheme
 
18:05
How use LESS to compile the framework. https://samulinatri.com/blog/drupal-7-bootstrap-subtheme-installation I have written a beginner book on how to use the Django web framework: https://leanpub.com/django-the-easy-way Web: https://SamuliNatri.com Github: https://github.com/SamuliNatri Twitter: https://twitter.com/SamuliNatri Facebook: https://www.facebook.com/NatriSamuli
Views: 26437 Samuli Natri
Brian Perry: Testing Your Style Guide and Theme in Drupal 8
 
48:48
Style guide driven development and the intelligent re-use of design components can prevent quite a bit of heartache as the look and feel of your site evolves. Your style guide can protect you from unexpected regressions throughout your theme and let you break the cycle of wasting time and effort styling redundant variations of page templates and content. This session will focus on the tools available to create a living style guide for your Drupal site, along with methods to test for visual regression during the development cycle. We’ll cover: How changes to the theme system in Drupal 8 lend themselves to style guide driven development. Approaches to creating a living style guide in Drupal 8 using real-world css and markup. Using automation and visual regression testing techniques to let our living style guide alert us to unintentional regressions in our theme. By the end of the session we will have created an complete visual regression testing suite in Drupal 8 with the aid of KSS and WebdriverIO.
How to add  css in Drupal theme
 
03:37
How to add css in Drupal theme -~-~~-~~~-~~-~- Please watch: "Create a custom page in drupal 8" https://www.youtube.com/watch?v=sqVKvqmLW8U -~-~~-~~~-~~-~-
Views: 1797 Sachin Sharma
Multiple Views Part 1 - Daily Dose of Drupal Episode 162
 
11:59
In this episode you will learn how to set up the foundation of building a view that can display content in multiple ways. This video highlights how to set up the content type and view to display the content. In the coming videos in this series you will learn how to style and apply jQuery to change how the view displays the content.
Views: 2514 Code Karate

Robinson recycling cedar city utah
Chase bank clearwater fl
Delaware county ny
Tienda naturista en chicago
Highland park los angeles ca