PHPackages                             derralf/elemental-cta-fleximage - 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-cta-fleximage

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

derralf/elemental-cta-fleximage
===============================

A Call-to-Action block with HTML-Text and Image fot the silverstripe-elemental module

015JavaScript

Since Sep 26Pushed 7y ago1 watchersCompare

[ Source](https://github.com/derralf/silverstripe-elemental-cta-fleximage)[ Packagist](https://packagist.org/packages/derralf/elemental-cta-fleximage)[ RSS](/packages/derralf-elemental-cta-fleximage/feed)WikiDiscussions master Synced yesterday

READMEChangelogDependenciesVersions (1)Used By (0)

SilverStripe Elemental CTA Flex-Image
=====================================

[](#silverstripe-elemental-cta-flex-image)

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

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

[](#requirements)

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

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

[](#suggestions)

- derralf/elemental-styling

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

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

[](#installation)

- Install the module via Composer ```
    composer require derralf/elemental-cta-fleximage

    ```

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

[](#configuration)

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

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

```

---
Name: elementctafleximage
---
Derralf\Elements\CtaFlexImage\Element\ElementCtaFlexImage:
  styles:
    image-right: 'Image Right'
  styles_default_description: 'Standard: Image left'
  colors:
    primary: 'primary'
    success: 'success'
    info: 'info'
    warning: 'warning'
    danger: 'danger'
  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-cta-fleximage: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\CtaFlexImage\Element\ElementCtaFlexImage:
  styles:
    MyCustomTemplate: "new customized special Layout"

```

...and put a template named `ElementCtaFlexImage_MyCustomTemplate.ss`in `themes/{your_theme}/templates/Derralf/Elements/CtaFlexImage/Element/`
**and/or**add styles for `.derralf__elements__ ctaflexmage__element__ ctafleximage.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-cta-fleximage: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

19

—

LowBetter than 10% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity39

Early-stage or recently created project

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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/d6353682e85ce5b5f238126c18b0e13770f0e0ffaf9c9d24588cdd2a84ab9a8b?d=identicon)[derralf](/maintainers/derralf)

### Embed Badge

![Health badge](/badges/derralf-elemental-cta-fleximage/health.svg)

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

###  Alternatives

[mustache/mustache

A Mustache implementation in PHP.

3.3k44.6M291](/packages/mustache-mustache)[roots/acorn

Framework for Roots WordPress projects built with Laravel components.

9682.1M97](/packages/roots-acorn)[whitecube/nova-flexible-content

Flexible Content & Repeater Fields for Laravel Nova.

8053.0M25](/packages/whitecube-nova-flexible-content)[mopa/bootstrap-bundle

Easy integration of twitters bootstrap into symfony2

7042.9M33](/packages/mopa-bootstrap-bundle)[limenius/react-bundle

Client and Server-side react rendering in a Symfony Bundle

3871.2M](/packages/limenius-react-bundle)[nicmart/string-template

StringTemplate is a very simple string template engine for php. I've written it to have a thing like sprintf, but with named and nested substutions.

2101.7M30](/packages/nicmart-string-template)

PHPackages © 2026

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