PHPackages                             derralf/elemental-call-to-action - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. derralf/elemental-call-to-action

ActiveSilverstripe-vendormodule[Templating & Views](/categories/templating)

derralf/elemental-call-to-action
================================

A simple Call-to-Action block with HTML-Text and button for the silverstripe-elemental module

1.0.x-dev(6y ago)0713BSD-3-ClauseJavaScript

Since Oct 23Pushed 4y ago1 watchersCompare

[ Source](https://github.com/derralf/silverstripe-elemental-call-to-action)[ Packagist](https://packagist.org/packages/derralf/elemental-call-to-action)[ RSS](/packages/derralf-elemental-call-to-action/feed)WikiDiscussions master Synced 2w ago

READMEChangelogDependencies (3)Versions (2)Used By (0)

SilverStripe Elemental Call To Action
=====================================

[](#silverstripe-elemental-call-to-action)

A simple Call-to-Action block with HTML-Text and button
(private project, no help/support provided)

Requirements
------------

[](#requirements)

- SilverStripe ^4.2
- dnadesign/silverstripe-elemental ^4.0
- sheadawson/silverstripe-linkable ^2.0@dev

Suggestions
-----------

[](#suggestions)

- derralf/elemental-styling

Modify `/templates/Derralf/Elements/CallToAction/Includes/Title.ss` to your needs when using StyledTitle from derralf/elemental-styling.

Installation
------------

[](#installation)

- Install the module via Composer ```
    composer require derralf/elemental-call-to-action

    ```

Configuration
-------------

[](#configuration)

A basic/default config. Add this to your **mysite/\_config/elements.yml**

Note the example options for `colors`, for which NO styles are included in the default style sheet.

```

---
Name: elementcalltoaction
---
Derralf\Elements\CallToAction\Element\ElementCallToAction:
  ## disable StyledTitle
  title_tag_variants: null
  title_alignment_variants: null
  ## default/example config
  styles:
    DefaultWell: 'with well'
    FullWidthWell: 'with well and full width (Container-Breakout)'
  styles_default_description: ''
  colors:
    primary: 'primary'
    success: 'success'
    info: 'info'
    warning: 'warning'
    danger: 'danger'
    myOwnCta: 'some other css-selector'
  readmore_link_class: 'btn btn-default btn-readmore'

```

Additionally you may apply the default styles:

```
# add default styles
DNADesign\Elemental\Controllers\ElementController:
  default_styles:
    - derralf/elemental-call-to-action:client/dist/styles/frontend-default.css

```

See Elemental Docs for [how to disable the default styles](https://github.com/dnadesign/silverstripe-elemental#disabling-the-default-stylesheets).

### Adding your own templates

[](#adding-your-own-templates)

You may add your own templates/styles like this:

```
Derralf\Elements\CallToAction\Element\ElementCallToAction
  styles:
    MyCustomTemplate: "new customized special Layout"

```

...and put a template named `ElementCallToAction_MyCustomTemplate.ss`in `themes/{your_theme}/templates/Derralf/Elements/CallToAction/Element/`
**and/or**add styles for `.derralf__elements__calltoaction__element__elementcalltoaction.mycustomtemplate` to your style sheet.

Note: The left/right version is supplied via css (no separate template).

Template Notes
--------------

[](#template-notes)

Templates based on Bootstrap 3+, but need some extra styling

- Optionaly, you can require basic CSS stylings provided with this module to your controller class like **mysite/code/PageController.php**

    ```
    Requirements::css('derralf/elemental-call-to-action:client/dist/styles/frontend-default.css');

    ```
- or copy over and modify `client/src/styles/frontend-default.scss` in your theme scss

Screen Shots
------------

[](#screen-shots)

(not available)

###  Health Score

23

—

LowBetter than 26% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity11

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity44

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 60% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

2442d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1495867?v=4)[derralf](/maintainers/derralf)[@derralf](https://github.com/derralf)

---

Top Contributors

[![chillu](https://avatars.githubusercontent.com/u/111025?v=4)](https://github.com/chillu "chillu (3 commits)")[![derralf](https://avatars.githubusercontent.com/u/1495867?v=4)](https://github.com/derralf "derralf (2 commits)")

---

Tags

silverstripeContent Blockselemental

### Embed Badge

![Health badge](/badges/derralf-elemental-call-to-action/health.svg)

```
[![Health](https://phpackages.com/badges/derralf-elemental-call-to-action/health.svg)](https://phpackages.com/packages/derralf-elemental-call-to-action)
```

###  Alternatives

[fractas/elemental-stylings

Collection of useful and reusable SilverStripe Elemental stylings properties

1416.5k1](/packages/fractas-elemental-stylings)[wedevelopnl/silverstripe-elemental-grid

Elemental grid module

1014.8k2](/packages/wedevelopnl-silverstripe-elemental-grid)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)