{% set id = field('id') %}
{% set class = field('class') %}
{% set module_id = field('module_id') %}
{% set classes = classNames('qx-element qx-element-joomla-mod-v2', class ) %}
{{ getJoomlaModule(module_id, 'none') }}
var style = Object.assign({}, Assets),
id = "#{{ field("id") }}",
css = "";
// margin
style.margin(id, {{ field("margin") | json_encode() }})
// padding
style.padding(id, {{ field("padding") | json_encode() }})
// Z-Index
style.css(id, 'z-index', {{ field("zindex") }})
// background
style.background (id, {{ field("background") | json_encode() }})
// custom css
style.raw ("{{ field("custom_css").code }}")
{% include 'global.twig' %}
var elm = Object.assign({}, Assets),
id = "#{{ field("id") }}";
{% set id = field("id") %}
{% set class = field('class') %}
{% set content = field('content') %}
{% set heading = field('heading') %}
{% set classes = classNames('qx-alert', field('type'), class) %}
{% if heading %}
{{ heading }}
{% endif %}
{% if content %}
{{ content }}
{% endif %}
var style = Object.assign({}, Assets),
id = "#{{ field("id") }}",
css = "";
// margin
style.margin(id, {{ field("margin") | json_encode() }})
// padding
style.padding(id, {{ field("padding") | json_encode() }})
// Z-Index
style.css(id, 'z-index', {{ field("zindex") }})
// background
style.background (id, {{ field("background") | json_encode() }})
// custom css
style.raw ("{{ field("custom_css").code }}")
{% include 'global.twig' %}
var elm = Object.assign({}, Assets),
id = "#{{ field("id") }}"
headingSelector = id + " .qx-alert-heading",
contentSelector = id + " .qx-alert__content",
// Alignment
elm.alignment(id, {{ field('alignment') | json_encode() }});
// typography
elm.typography(headingSelector, {{ field('heading_font') | json_encode() }});
elm.typography(contentSelector, {{ field('content_font') | json_encode() }});
elm.load(id)
{% set id = field('id') %}
{% set class = field('class') %}
{% set tag = field('html_tag') %}
{% set link = field('link') %}
{% set src = field('image') %}
{% set alt_text = field('alt_text') %}
{%
set wrapperClasses = classNames('qx-element-blurb__wrapper',
field('content_v_align').value ? field('content_v_align').value : "",
{
'qx-d-md-flex qx-flex-md-row' : (field('image_alignment').value == 'left'),
'qx-d-md-flex qx-flex-md-row-reverse' : (field('image_alignment').value == 'right'),
}, class)
%}
