Block Class allows you to add CSS classes to any block through the block’s configuration interface.

1. Enable the module Modules ->  Block Class
2. Create a Block (Structure -> Blocks -> Add Block)
3. Add the class name to the Block in the CSS class(es) field - if the CSS style is not part of the site, you need to add it using CSS Injector module.
   

Allows you to turn the Title of your Block into a clickable link.  When the module is enabled,  the Block Title Link Settings section displays below the Block Body field in the Block configuration. Just add the path and title link attribute (_blank to open in a new window) and the title of your Block is a link. 

Collapsiblock makes Blocks collapsible so you can show/hide content by clicking on the title of the Block. This is a great way to incorporate accordion style effect for a full node/page or in a sidebar region of your site. Simply create individual Blocks for each section you want to expand and/or collapse and assign them to a specific region and page. Important Note: These instructions are specific to the YaleSites instance of Drupal using the YaleSites Templates with Omega as the base theme. 

1. Enable the Module: Modules -> Collapsiblock

Configure the Theme:

1. You may need to override the CSS selectors that come with Collapsiblock in the following way. The Block settings are specific for Omega Theme used for YaleSites Templates and may need to be changed for custom themes or other base themes.
2. Click ​Appearance > Settings > Global Settings and Also ​the Settings for  your Theme
   ***NOTE: the CSS selector under Block should be “.block” NOT “section.block” ***
   Global Settings CSS Settings
    
   Example of Theme Settings - Yale Standard
   1. Click on the Yale Standard tab in the same line as Global settings (choose the tab for the Yale template you are using.
   2. Click on the Debugging Vertical Tab and the Collapsiblock Selectors displays below. 
   3. Make changes based on the image below.
      

Configure the Module:

You should only do this if you want every block on your site to have this behavior.

1. Click on Configuration on the Toolbar and click on Collapsiblock in the User Interface section. 
2. Configure based on the image below to set the Default behavior. This will determine the behavior for ALL blocks throughout your site.
   
3. ​You can also change the animation type and speed as desired.

Configure Each Block

In order to get the expand/collapse effect, each block need to be configured. When the Collapsiblock module is enabled, each Block has a Collapsiblock section after the Block is created.

1. Open the Block: Structure -> Block and change the configuration for that block.
   
   And here:
   
2. Save the block. It is important to note that this section does not show up until after the block is created. 

Field as Block allows you to take a simple Field and display it as a Block on the current page. This block can eliminate the need to use other complex Modules such as Views, Panels or Display Suite by providing an easy way to display related information in the desired Regions of the page.

Configuring the Field to Display as a Block

1. Enable the Module - Modules > Field as Block
2. Select and open the Content Type with the Field you want to display as a Block - Structure > Content Types > [Content Type Name]
3. Click on Manage Display and locate the field. 
4. Click on the Display as Block check box for each field you want to display as a Block.
   

Assigning the Block to Display in a Region

Create a page and add the Fields. You will notice that when you Save the page, the Fields don’t display. That is because they are now Blocks and they need to be assigned to the appropriate Regions. 

1. Go to the Blocks Listing page - Structure > Blocks.
2. Scroll down to the Disabled section and locate the field.
3. Assign the Field to the Region.
   Important Note: You DO NOT need to assign this to specific pages. The Module is built to know what page the Block displays based on the content added to the page. 

Insert Block allows you to embed blocks into the body of your page without any intensive coding. You just need to identify the Block “Delta” and paste a line code in the body of the page where you want the block to display. 

What’s a Block Delta?

In simple terms, the Delta of a block is machine code that identifies the block. However, finding the delta for your block can be a bit challenging if you don’t know where to look. 

To find the Delta:

1. Open the Blocks listing page
2. Locate the block you want to embed on your page. 
3. Hover over the configure link for that block and you’ll see reference code in the status bar for the block. 
   Example: admin/structure/block/manage/views/portfolio-block_1/configure
   portfolio-block_1 is the delta

Using Insert Block

1. Enable the module – Modules > Insert Block – click on the check box and Save.
2. Configure Filtered Text format to accept Insert Block code.
   • Configuration > Content Authoring > Text Formats > Filtered HTML
   • Scroll down and locate Insert Blocks under Enabled Filters
     
   • Save configuration.
3. Insert the following code into the location of your page and adjust it to point to the block.

– where name of module is the name of the module that created the block i.e. views
– delta of block is the machine name discussed in the section above i.e. portfolio-block_1 .

• Save the page.

Example: 

This is a Block create from a View that displays the 3 YaleSites Themes.

Boxed

Standard (Default)

Wide

Version 7.x-1.0 (please see alternate instructions for 7.x-2.0)

Allows you to create a block that lists Twitter posts for a specific account. It is relatively easy to configure.

1. Enable the Twitter Block module and a Discussions on Twitter block is available in the Disabled area of the Blocks listing.
2. Click on configure and scroll down to the Twitter Block Configuration section (if your configuration block doesn’t look like this, please see the 7.2 instructions)
   
3. Enter your Twitter Account user name in The string or username to search.
4. Choose type of tweets to display
5. Enter the number of tweets to list in the block.

6. As with all blocks, indicate the region (Sidebar First or Second)and pages you want the block to display.

7. Save the configuration. Your block will display in the region with the most recent tweets.

Twitter Block 7.x-2.0

Twitter Block Module is a 2 step configuration process: 1) get a Twitter ID for the Widget you want to display. 2) configure the Twitter Block Module.

1) Acquire a Twitter ID

The Twitter ID you will use is associated with a specific widget you want to use (User timeline, Favorites, List, etc). to create the Widget and then find the Twitter ID for that Widget:

1. Login to your Twitter Account.
2. Click on your picture in the upper right corner and then the Settings link in the resulting drop-down. 
3. Click on Widgets, the very last option under the Settings Menu on the left.
4. Click on Create New in the middle pane to create a new widget.
5. Choose the type of widget you want to create.
6. Enter the Twitter Username and configure based on preferences.
7. Click on Create Widget and copy and paste the embed code to a text editor. Then locate the Twitter ID for the Widget after the following text: data-widget-id=“12345678910” (this is not a real Twitter ID).

2) Configure the Twitter Block

Create and configure the Twitter Block as follows. 

1. Enable the Twitter Block module.
2. Enter a Block Title and Description as you would for any Block.
3. Add the Twitter ID  from step 1 in the Widget ID field.
4. Configure the rest of the Block based on the instructions for each field.
5. Assign to the Block to regions and pages as desired.