Home
Search results “Drupal form add style”
Drupal Tutorials #18 - Creating Custom Image Styles
 
06:18
This is the 18th tutorial in a series that show users how to create and edit image styles to have full control over cached images. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 35164 LevelUpTuts
Block Style Plugins - Drupal 8 module tutorial
 
10:26
UPDATE: form fields can now be entirely added via the yaml file so that a themer never needs to create a PHP file. UPDATE: defaultStyles() and formElements() have been deprecated. You should use defaultConfiguration() and buildConfigurationForm() instead. https://www.drupal.org/docs/8/modules/block-style-plugins/advanced-usage The Block Style Plugins module allows developers and themers to create form elements for applying block-specific styles. This allows day-to-day editors the opportunity to change a block's appearance without needing to know CSS. https://www.drupal.org/project/block_style_plugins 0:30 - Example plugins in /tests directory 1:56 - Defining plugins in a Theme 5:08 - Restricting styles to specific blocks with "include" 6:13 - Using Drupal's Form API to add conditional style options 8:14 - How to discover a block's Base Plugin ID 9:10 - Including only a specific custom Block Content type 9:44 - Excluding styles from specific blocks with "exclude"
Views: 505 Mark Miller
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: 16688 Watch and Learn
Drupal Working With image Styles and Theming
 
07:59
Drupal tutorial series on building a full realistate website with Drupal 7 Key concepts covered in this Drupal video tutorial: Dealing with images styles in Drupal7, covering image styles - and how add custom image fields to your node.tpl.php via php Part of Drupal Contractor Tutorial Series form http://drupalcontractor.com Direct link: http://drupalcontractor.com/tutorials/basics-dealing-images-styles-drupal7
Views: 1151 Bujinskate
Drupal 7 Tutorial - How To Style Drupal Flags With CSS (5/5)
 
03:46
"Django - The Easy Way (2nd Edition)" book is a practical, step-by-step guide on how to build Django websites: https://leanpub.com/django-the-easy-way You can find full source code in here: https://samuli.to/Django-The-Easy-Way-Source. ABOUT THIS TUTORIAL ABOUT ME Hey there, my name is Samuli Natri. I have been a software developer since the 90's. I attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences). WEBSITE: https://SamuliNatri.com TWITTER: https://twitter.com/SamuliNatri FACEBOOK: https://www.facebook.com/NatriSamuli
Views: 1555 Samuli Natri
Drupal 7 - Style Formatting
 
01:39
Drupal 7 Content Editor Training Video - Content Editor - Adding Styles to your text with Style Formatting
Views: 69 ISUExtensionWeb
Drupal 8 Site Building, Lesson 39: Display Suite Custom CSS
 
03:27
Find out more about Drupal training by visiting http://ostraining.com/drupal-training. Display Suite has a powerful templating system. By using template overrides and CSS, you can easily customize the layouts of nodes and fields in Display Suite. You can also add CSS classes directly into the admin area of Display Suite. Find out more about Drupal training by visiting http://ostraining.com/drupal-training. Try Drupal 8 hosting from GlowHost for just 1 cent for your first month, PLUS get a free domain name, yours to keep! https://glowhost.com/order/order.php?id=65787&sa_name=Drupal&coupon=1CENTC&utm_source=youtube&utm_medium=Drupal8_Free_Training&utm_campaign=Drupal_8_Videos Learn more about web hosting optimized for Drupal 8 - https://glowhost.com/Drupal8
Views: 6019 OSTraining
How to add JavaScript and CSS (a Drupal how-to)
 
10:14
This is one of over 34 videos in a 9-hour series on http://buildamodule.com called "Drupal 6 Development and Tools". This is the original Build a Module.com series on Drupal 6 development along with some additional tools. Weighing in at nearly 9 hours, with over 30 videos, this is a great way to get started with Drupal 6 development. You can watch over 7 hours of FREE focused Drupal video tutorials on http://buildamodule.com. To view the entire list of over videos (totaling over hours), simply go to http://buildamodule.com and scroll down. There are currently 5 collections available, including: * Drupal 7 Core Concepts (12 hours, 140 videos) - This series contains over 120 videos and 12 hours of content, covering the most essential aspects of Drupal development, from setting up module scaffolding to working with forms and the database to working with jQuery and JavaScript. This library is a must-have for all developers. Read more at http://buildamodule.com/drupal-7-development-core-concepts-video-tutorials. * Drupal 6 Development and Tools (9 hours, 34 videos) - This is the original Build a Module.com series on Drupal 6 development along with some additional tools. Weighing in at nearly 9 hours, with over 30 videos, this is a great way to get started with Drupal 6 development. Read more at http://buildamodule.com/drupal-6-development-and-tools-video-tutorials. * Build Your First Drupal 7 Web Site (12 hours, 210 videos) - In this collection, we take you through the process of building a fully function Drupal 7 web site, step by step. No prior Drupal experience is required, and when you're done you will have learned the most import components of Drupal site building and will have developed the skills to tackle unanticipated problems as they arise. Read more at http://buildamodule.com/build-your-first-drupal-7-web-site-video-tutorials. * Working with Files and the File API (2 hours, 24 videos) - In this 2+ hour collection, we cover the basics and the not-so-basics of working with Files and the File API in Drupal 7. Read more at http://buildamodule.com/working-with-files-and-the-file-api-video-tutorials. * Drupal Theming Essentials (8 hours, 80 videos) - How to build or modify a theme in Drupal 7. We discuss various methods to modify Drupal output, how to decide which to use, and work through several practical applications of useful techniques. Read more at http://buildamodule.com/drupal-7-theming-essentials-video-tutorials. Here are a few things that viewers have had to say about http://buildamodule.com: "Many thanks for the terrific video series on Drupal 7 - your excellent videos are simply the best source of training and information on Drupal in existence!" "Chris has put together some of the best Drupal training material I've seen to date. I run a Drupal shop, and several of my developers have used Build a Module.com to get up to speed with working in Drupal 7. From what I've heard, they found the experience extremely valuable, and what's great for us as a team is that they can always go back and review material when they're tackling a particular problem." "Firstly, let me say that I am finding your videos extremely helpful. It's always difficult at first to get into something new but your videos are really helping me find my way in." "I recently bought the download of your twelve Drupal 7 Core Concepts videos. I am new to Drupal and they are excellent. In fact they are the best tutorial videos I have ever used in the past ten years of teaching myself HTML and PHP and then Joomla (I know, I was just experimenting.) and now Drupal." To start learning how to build sites, develop code or theme in Drupal, check out the full video library at http://buildamodule.com.
Views: 8519 BuildAModule
Introduction to CTools Style Plugins
 
07:53
See more of this series at https://drupalize.me/videos/introduction-ctools-style-plugins?p=1691 A CTools Style Plugin allows a developer to provide a settings form and a template file that can be chosen and configured by a site administrator using the Panels "Style" interface. In this lesson, we will: Explore Panels' Style Interface Identify Default Panels Styles Introduce Demo Style Plugin By the end of this lesson, you will understand how to access Styles in Panels and why you might want to create your own custom Styles interface for your site's editors to use. Discover hundreds more Drupal tutorial videos at http://drupalize.me/videos.
Views: 731 Drupalize.Me
Drupal 7 add js or css in the footer of theme
 
04:03
Let us see how to add js or css in the theme using info file or using the hook process_page in template.php
Views: 611 Pierpaolo Romanelli
Drupal Bootstrap - 20 - Creating Article Views - Custom Grid Layout + Equal Heights
 
13:56
Playlist: https://goo.gl/RqVELg To make the image larger on hovering, you can apply some CSS3 styles like this :) .col .dImage{ overflow: hidden; } .col .dImage img{ -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .col .dImage:hover img{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); } Ref: http://www.w3schools.com/css/css3_transitions.asp http://www.w3schools.com/cssref/css3_pr_transform.asp Module to install: https://www.drupal.org/project/equalheights
Views: 9419 Drupal Legoland
Intro to Drupal 8 #6: How to Create New Image Styles
 
07:49
Looking for Hosting? Try www.torontowebsitedeveloper.com/hostgator In this 6th Drupal video tutorial, I show you how to create new image styles. In doing so, we walk through creating a custom style which will desaturate and scale down our images. Once created, we update our content display to use the new image style. I also show you where and when Drupal creates these new images.
How to create a custom module in Drupal 7 and using hook_menu
 
21:58
In this video we create a custom module, learning about the .info and .module files. We create a simple page that outputs a list of content.
Views: 2782 26 Brains
Drupal 8 - How To Create A Custom Template For A View
 
04:21
"Django - The Easy Way (2nd Edition)" book is a practical, step-by-step guide on how to build Django websites: https://leanpub.com/django-the-easy-way You can find full source code in here: https://samuli.to/Django-The-Easy-Way-Source. ABOUT THIS TUTORIAL ABOUT ME Hey there, my name is Samuli Natri. I have been a software developer since the 90's. I attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences). WEBSITE: https://SamuliNatri.com TWITTER: https://twitter.com/SamuliNatri FACEBOOK: https://www.facebook.com/NatriSamuli
Views: 13709 Samuli Natri
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: 10325 Code Karate
Drupal 6 - Adding Style Formatting to Text
 
01:51
Drupal 6 Content Editor Training Video - Content Editor - How to add formatting to text
Views: 116 ISUExtensionWeb
Part 3: Drupal 7 Image Gallery (Use Image Styles - custom thumbnails)
 
02:37
/* Note: I am new to this and self-taught, so if you have a better suggestion or video out there,please share! */ Create custom thumbnail styles in drupal 7 by using image styles.
Views: 4264 Sophia Haq
How to Build Beautiful Forms in Drupal 7
 
43:15
The source code for this talk (with some adjustments) is http://is.gd/beautifulforms . This is a 45-minute talk given at DrupalCamp Colorado, 2011. It covers how to work with some of the most interesting aspects of the Form API, including dynamically showing and hiding elements, and modifying existing forms. As an example, we convert the default search form to a Google suggestions-style format which auto-completes based on search history. Kind of fun!
Views: 132439 BuildAModule
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: 1419 Sachin Sharma
Livecoding 08 - Drupal - Simple user page css style
 
01:06:58
Mat shows how to style a dynamically created page (using views and context)
Drupal 7 - How To Use Breakpoints And Style Responsive Inline Images (#6)
 
16:40
"Django - The Easy Way (2nd Edition)" book is a practical, step-by-step guide on how to build Django websites: https://leanpub.com/django-the-easy-way You can find full source code in here: https://samuli.to/Django-The-Easy-Way-Source. ABOUT THIS TUTORIAL 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 ABOUT ME Hey there, my name is Samuli Natri. I have been a software developer since the 90's. I attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences). WEBSITE: https://SamuliNatri.com TWITTER: https://twitter.com/SamuliNatri FACEBOOK: https://www.facebook.com/NatriSamuli
Views: 1992 Samuli Natri
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: 2332 Code Karate
Drupal 7 jQuery SelectBox Module - Daily Dose of Drupal episode 117
 
04:58
The Drupal 7 jQuery SelectBox module is a simple module that makes HTML select boxes easier to style. It replaces the HTML form select element with easier to style HTML markup. In this episode you will learn: - How to download and install the jQuery SelectBox module - What the jQuery SelectBox module is doing in the background to make the select boxes on the site continue to work correctly Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-jquery-selectbox-module http://twitter.com/smthomas3 http://drupal.org/project/selectbox Thanks to Drupalize.me (http://drupalize.me) for sponsoring this episode.
Views: 5301 Code Karate
Drupal 7 - How To Add CSS Classes To Blocks
 
01:08
"Django - The Easy Way (2nd Edition)" book is a practical, step-by-step guide on how to build Django websites: https://leanpub.com/django-the-easy-way You can find full source code in here: https://samuli.to/Django-The-Easy-Way-Source. ABOUT THIS TUTORIAL https://samulinatri.com/blog/drupal-7-block-class ABOUT ME Hey there, my name is Samuli Natri. I have been a software developer since the 90's. I attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences). WEBSITE: https://SamuliNatri.com TWITTER: https://twitter.com/SamuliNatri FACEBOOK: https://www.facebook.com/NatriSamuli
Views: 3208 Samuli Natri
RainMaker Webforms Add Webform Style
 
05:35
Make beautiful web forms right within RainMaker Member Management Software. Add the form to your website and start getting your leads entered into RainMaker automatically! http://www.addmembers.com
Views: 330 RainMakerSoftware
Drupal 7 – How to add your logo
 
01:28
How to add a custom logo to your Drupal site. Have a broken Drupal site? We can help. Signup for Unlimited Drupal support, maintenance, and small jobs starting at $99/mo. Visit Drupal Aid @ https://www.drupalaid.com/
Views: 853 Drupal Aid
Drupal Tutorials  #11 - Installing Your First Module - Pathauto
 
07:25
This Drupal 7 tutorial shows you how to install a module and using Pathauto set up patterns for better URLs. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 55882 LevelUpTuts
Build Your First Blog in Drupal 7: Part 1 - Custom Content Types and Layout
 
18:41
Create your first Drupal 7 blog with a new content type using Drupal 7 core and the CSS Injector Module. Includes tags, images and image placement in display. Part two will cover using quick and easy views to make a list of your blog entries and place them in the menu. You can find our example CSS at http://www.drupalforanyone.com
Views: 7191 Drupal for Anyone
Styling Data Tables in Drupal
 
05:32
I'm testing the 4k video setting. It may be a huge file but I'm hoping for better resolution on the tutorial. If you're working in Drupal as a content manager and you don't know CSS, use this video to understand about data tables.
Views: 116 Jessica Sams
Drupal Tutorials #22 - Inserting an Image Into Your Wysiwyg
 
08:24
This is the 22nd tutorial in the Drupal 7 tutorial series. This video shows users how to use the Insert module to insert images into their wysiwyg text editors. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW http://drupal.org/project/insert Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 40480 LevelUpTuts
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: 18505 Code Karate
Drupal 7 Options Element: A quicker way to add radio and checkbox options
 
06:07
Drupal 7 Options Element: A quicker way to add radio and checkbox options Daily Dose of Drupal Episode 192: https://codekarate.com/daily-dose-of-drupal/drupal-7-options-element-quicker-way-add-radio-and-checkbox-options We kept things simple for this episode of the DDoD. The options element module uses Javascript to create an easy way to create radio button and checkbox options for fields on a Drupal content type. Before this module you had to add key|value for each options you wanted. Using this module the key and value is broken down into two fields making it easier to distinguish the difference. Also, the added javascript will allow you easily add additional options with just a click of a "+" sign or delete an options with a click of the "x" button. Reordering is easier as well, you can simply drag and drop all the options to get the order exactly how you want it. This is by knows means a life changing Drupal module, but I would recommend this module if you are looking to improve your user experience quickly and easily. Links: Options Element Module - https://www.drupal.org/project/options_element Daily Dose of Drupal Options Element Module - https://codekarate.com/daily-dose-of-drupal/drupal-7-options-element-quicker-way-add-radio-and-checkbox-options 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: 3570 Code Karate
Drupal 7 Modal Forms (with Ctools) module - Daily Dose of Drupal episode 91
 
07:46
If you need to launch a Drupal form inside a JavaScript dialog or popup window, the Drupal 7 Modal Forms (with Ctools). The module seamlessly works with the User registration, User login, Password reset, contact form, and comment form. In this episode you will learn: - How to configure the Modal Forms module to work with the various user forms - How to configure the Modal Forms module to work with the comment form Links: - http://codekarate.com/daily-dose-of-drupal/drupal-7-modal-forms-ctools-module - http://drupal.org/project/modal_forms
Views: 28209 Code Karate
Change themes and basic CSS - Drupal video tutorial from SlashNode.in
 
14:31
In this tutorial learn how to change the Drupal themes, learn to download new themes and some basic CSS to change the appearance of the Drupal Website. For more videos please visit our website: http://www.slashnode.in Follow us on twitter: http://www.twitter.com/Slash_Node Like us on facebook: http://www.facebook.com/SlashNode.in
Views: 11115 slash node
Drupal 8 Theming - Part 07 - Adding Main Navigation
 
15:11
In this episode of Drupal 8 Theming tutorial series we are going to learn how to make main navigation that we are going to put into our header. I'm also going to show you how to make a new region that will hold our navigation so that we can style it with css easily. Code used in this tutorial: https://github.com/ivandoric/d8theming/releases/tag/7 http://watch-learn.com/video-tutorials/drupal-8-theming-part-07-adding-main-navigation/
Views: 22123 Watch and Learn
Drupal 8 Theming - Part 06 - Theming the Header
 
22:44
In this episode of Drupal 8 Theming tutorial series we are going to theme our header the 'Drupal way', by using blocks, css, html and Twig. Also we are going to learn how to define our front page so that we don't use the same template as we would use on other content types. This way our front page will be able to have different type of design. As for the header we are going to style a block that displays the header, add some css to it and I will show you how to change the path of your logo. By doing all of this we will get better acquainted with Twigs template hints, and will learn where the stuff on our page is coming from. Code used in this tutorial: https://github.com/ivandoric/d8theming/releases/tag/6 http://watch-learn.com/video-tutorials/drupal-8-theming-part-06-theming-the-header/
Views: 39023 Watch and Learn
Drupal Commerce Tutorials #6 - Ajax Add To Cart
 
06:15
In the 6th video in the Drupal Commerce Tutorial series. Here, we add our first Drupal Commerce contrib module to allow for refresh free add to cart. https://drupal.org/project/commerce_ajax_cart Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e
Views: 8787 LevelUpTuts
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: 25155 Code Karate
Learn Drupal 8 - How to use image styles
 
03:33
In this tutorial I discussed about Drupal 8 image styles. I create a custom image style. I showed how to add custom image style with content type to display content images. http://pydream.com/
Views: 600 Imran Sarder
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: 7711 Code Karate
CSS - Simple example how to add style sheet to web form
 
02:55
Simple example - how to add style sheet (CSS) to web form in ASP.NET (Inline example) More info with ready to copy and paste code: http://howtodomssqlcsharpexcelaccess.blogspot.ca/2013/04/css-simple-example-how-to-add-style.html
Views: 3867 Vis Dotnet
Drupal 7 Module Development - JavaScript confirm part 2 - Daily Dose of Drupal episode 112
 
19:39
In the last episode we covered creating a simple module to display a javascript confirmation popup before leaving a page. In this episode we take that a step further and add a nice administrative interface to the module. In this episode you will learn: - How to implement hook_menu to add an administrative page to your custom Drupal module - How to build a Drupal administrative form - How to match page patterns to determine when to display the Javascript confirmation box Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-module-development-javascript-confirm-part-2 http://codekarate.com/daily-dose-of-drupal/drupal-7-module-development-javascript-confirm-leaving-page Thanks to Drupalize.me (http://drupalize.me) for sponsoring this episode
Views: 2739 Code Karate
How to Display Labels in Form Elements with Compact Forms and In Field Labels
 
03:04
By: Ivan Zugec http://webwash.net | http://twitter.com/webwashnet Modules: - Compact Forms (http://drupal.org/project/compact_forms) (7.x-1.0) - In Field Labels (http://drupal.org/project/In-Field-Labels) (7.x-1.1) Transcript: A client recently asked if form labels can be displayed within a form element. More specifically, they wanted the field labels on the user login and registration page to be placed inside of the field or overlaid. This can easily be achieved using JavaScript or a jQuery plugin. Seeing as the site was built using Drupal, I went in search for a module to do the trick and found two modules: "Compact Forms" and "In Field Labels". In this video, I'll show you how to implement both modules and it should help you decide which one to use. "Compact Forms" is the most popular of the two because it's been around the longest. Installing the module is easy, simply download and install and you're good to go. The module doesn't require any 3rd party plugins or libraries because it implements its own JavaScript. Once you install the module, go to Configuration and "Compact Forms". If you need to compact a form, simply add the form ID into the "Form CSS IDs" text area, add one per line. Let's say for example, we want to compact the "Create new account" form. Open another browser and go to that form. Now we need to find out the form ID, the easiest way to do that is to inspect the element. Find the form tag and grab the form id. Let's go head back to our main browser and add the ID, below "user login form", and click on "Save configuration". Now if we jump back to Firefox and refresh the page, the labels should now be in the form elements. "In Field Labels" is the newest of the two and uses the "In-Field Labels" jQuery plugin. The plugin ships with the module, so you do not have to download it separately. Installation of the module is simple, just download and install. Once you install the module, go to Configuration, "In Field Labels" to configure the module. This module works the same way as Compact Forms, just add the form ID for the form you want to compact into the "Enabled forms" text area. So if we jump to Firefox, you can see that the "Create new account" and "Log in" form are compacted. So which module should you use? Well that's really up to you. The "Compact Forms" module allows you to configure more than just the label. For example, you can remove the required field marker, the star, and you can hide the field description. Whereas the "In Field Labels" module just places labels inside of form elements, and that's it.
Views: 838 WebWash
Drupal 7 No Knowledge Needed: Adjust Image Placement & Display
 
26:13
Learn how to adjust the placement and display of images on your drupal site using a combination of the CSS Injector module and firebug for firefox (all free). You do NOT need any previous CSS knowledge (although it doesnt hurt). We explain everything step by step. Skills covered: How to use CSS to float and pad images How to use firebug to inspect CSS classes How to change image sizes in drupal How to add or remove labels from image How to add activate the blog module & add a custom image field In this tutorial we use drupal 7's built in blog module with a field image (which we teach you to setup fast), but our instructions can apply to any content with a field image on your drupal website. Our Example CSS: .field-name-field-custom-image .field-items { float: right; padding-bottom: 30px; padding-left: 30px; }
Views: 493 Drupal for Anyone
Webform Help: Configuring Form Settings and Behaviors
 
03:40
This screencast walks through configuring form settings, styles, and behaviors.
Views: 1128 Jacob Rockowitz
Drupal Tutorials #20 -  Creating a Contact Form With Drupal
 
03:04
This tutorial shows Drupal users how to enable and configure Drupal 7's core contact form module. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 46768 LevelUpTuts
Drupal - Headings, Fonts and Styles
 
06:57
Lane CC Drupal tutorials - Headings, fonts and styles
Views: 141 Atc Lanecc

Les cantatrices celebrex 200mg
Wechselwirkung diclofenac und ibuprofen 800mg
Nexium 40 mg tablet esomeprazole 20
Wellbutrin 450 mg seizures in cats
Cozaar 50 mg genericode