https://github.com/danny-englander/drupal-color-styles

Custom Drupal 7 module with an admin settings page and ctools panels plugin using jquery colorpicker
https://github.com/danny-englander/drupal-color-styles

colorpicker-fapi-element ctools ctools-panels-plugin drupal-7 jquery-colorpicker panels php

Last synced: about 1 month ago
JSON representation

Custom Drupal 7 module with an admin settings page and ctools panels plugin using jquery colorpicker

• Host: GitHub
• URL: https://github.com/danny-englander/drupal-color-styles
• Owner: danny-englander
• License: gpl-2.0
• Created: 2014-07-19T23:59:40.000Z (over 10 years ago)
• Default Branch: 7.x-1.x
• Last Pushed: 2018-10-19T14:34:14.000Z (about 6 years ago)
• Last Synced: 2024-04-15T10:17:43.051Z (8 months ago)
• Topics: colorpicker-fapi-element, ctools, ctools-panels-plugin, drupal-7, jquery-colorpicker, panels, php
• Language: PHP
• Homepage:
• Size: 22.5 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Drupal Color Styles Example

Color Styles is a custom Drupal module with an admin settings page and ctools panels plugin using jquery colorpicker. This module is really just an example to show what's possible with the jquery colorpicker FAPI element and leveraging that in a ctools custom panels pane plugin.

The content type plugin with this module pulls the saved settings into a panel pane via the ctools plugin technology. The colors the user selects for title and title background are then rendered as the title in the panel pane. 

The colorpicker FAPI element looks like this:

```php

 $form['message']['colors']['title_color'] = array(

    '#type' => 'jquery_colorpicker',

    '#title' => t('Title color'),

    '#default_value' => variable_get('color_styles_title_color', ''),

    '#description' => t('Set the title color'),

  );

```

Then in the plugin, we can retrieve that info and render it in output. e.g.:

```php

$title_color = variable_get('color_styles_title_color');

```

```php

 if (isset($message_title)) {

    $output[] = '
 ';

    $output[] = $message_title;

    $output[] = '
';

  }

```


To use this module, you'll need a basic Drupal 7 site with the following contrib modules: 

* Ctools

* Panels

* jQuery colorpicker

* Libraries

* [jQuery colorpicker library](http://www.eyecon.ro/colorpicker/#download)

To get up and running:

1. ``` git clone [email protected]:danny-englander/drupal-color-styles.git``` and put this in your /sites/all/modules or /sites/all/modules/custom.

2. ```drush dl ctools, panels, jquery_colorpicker, libraries```

3. Get the colorpicker library and follow the install instructions from the jquery_colorpicker drupal module's readme.

4. ```drush en color_styles```

5. Visit the settings page link from the modules admin page

6. Configure settings

7. Configure a basic panels page.

8. Add *Message Pane* from the Custom profile group in your panes choice dialog.

9. Save and view your new page with custom message, title and styled colors. You'll want to add other content to this page as well.