Skip to main content

This projects integrates django-responsive2 with django-cms >= 3.0

Project description

Latest Version Downloads License

This projects integrates django-responsive2 with django-cms >= 3.0

This django CMS plugin will allow a site editor to display different contents based on breakpoints. For a more detailed description and reasoning behind this concept, please read the project description for django-responsive2.

This project requires django-responsive2 and django-cms v3.0 or higher to be properly installed and configured. When installing the djangocms-responsive-wrapper using pip, django-responsive2 will also be installed automatically.

The full documentation for django-responsive2 is available at https://django-responsive2.readthedocs.org.

Quickstart

  1. Install djangocms-responsive-wrapper:

    pip install djangocms-responsive-wrapper
  2. Add responsive_wrapper to INSTALLED_APPS:

    INSTALLED_APPS = (
        ...
        'responsive_wrapper',
        ...
    )

AJAX load plugin based on window size

By default, responsive_wrapper renders the plugins based on device dimensions.

However, if you would like the plugin to use the window size to render the plugin, set the RESPONSIVE_WRAPPER_TEMPLATE to use an alternate template:

RESPONSIVE_WRAPPER_TEMPLATE = 'responsive_wrapper/live_reload.html'

And add the responsive_wrapper.urls to your project’s urls module or create a django CMS page to hook the application into. In Advanced Settings, set its Application to Responsive Wrapper (this requires a server restart):

urlpatterns = patterns(
    ...
    url(r'^responsive/', include('responsive_wrapper.urls')),
    ...
)

The ResponsiveWrapper.js, included in the live_reload.html triggers a replace event when the content has been replaced. This can be useful when you want to change some styles or reinitialize any JavaScript on your page based on which content is loaded.

Configuration

Plugin(s) Module:

RESPONSIVE_WRAPPER_MODULE = _('Generic')

Name of the plugin:

RESPONSIVE_WRAPPER_NAME = _('Responsive Wrapper')

The path to the template used to render the template:

RESPONSIVE_WRAPPER_TEMPLATE = 'responsive_wrapper/default.html'

Can the plugin be inserted inside the text plugin?

RESPONSIVE_WRAPPER_TEXT_ENABLED = False

Can this plugin only be attached to a placeholder that is attached to a page?:

RESPONSIVE_WRAPPER_PAGE_ONLY = False

A List of Plugin Class Names. If this is set, only plugins listed here can be added to this plugin:

RESPONSIVE_WRAPPER_CHILD_CLASSES = None

Is it required that this plugin is a child of another plugin? Or can it be added to any placeholder:

RESPONSIVE_WRAPPER_REQUIRE_PARENT = False

A list of Plugin Class Names. If this is set, this plugin may only be added to plugins listed here:

RESPONSIVE_WRAPPER_PARENT_CLASSES = None

Set fieldsets to control the layout of plugin “add” and “change” form:

RESPONSIVE_WRAPPER_FIELDSETS = None

You may also like…

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

djangocms-responsive-wrapper-0.2.1.tar.gz (11.4 kB view details)

Uploaded Source

File details

Details for the file djangocms-responsive-wrapper-0.2.1.tar.gz.

File metadata

File hashes

Hashes for djangocms-responsive-wrapper-0.2.1.tar.gz
Algorithm Hash digest
SHA256 43b113c2e1edbb64fdf19a97cede36ea195979d0a2711e7b387970cf292f9bc0
MD5 d3e8d4f58b48432136a6f3813cd1b724
BLAKE2b-256 52f8e2ad4949474d71557ef7394306569961f4e18271fb34533ce707f6da2dfa

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page