The UIKit Scope addon for REDAXO extends the CMS with a flexible integration of the UIkit framework into the REDAXO backend. This is achieved by using UIkit's Scope Mode, which prevents conflicts with existing backend styles.
- Scope Mode: UIkit elements can be used in the backend without style or functionality conflicts.
- REDAXO Variables: Output variables for easier encapsulation of UIkit content.
- Custom UIkit sources: Allows the use of custom UIkit JavaScript and CSS files.
- YForm templates: The included YForm templates provide a quick start for creating forms.
- Upload the addon to the REDAXO
/addons/folder. - In the REDAXO backend, go to System > Addons, install and activate the addon.
- Adjust the configuration as needed.
This variable helps to display UIkit-specific content correctly in the REDAXO backend.
The variable can be used directly within a module or template:
REX_UIKIT_SCOPE[start]
<p>This content is inside the UIkit scope.</p>
REX_UIKIT_SCOPE[stop]If you want to use the functionality directly in PHP, you can call the scope() method:
echo rex_var_uikit_scope::scope('start');
echo '<p>This content is inside the UIkit scope.</p>';
echo rex_var_uikit_scope::scope('stop');<!-- REX_UIKIT_SCOPE[start] -->
<div id="uk-scope-xyz123" class="uk-scope">
<p>This content is inside the UIkit scope.</p>
</div>
<!-- REX_UIKIT_SCOPE[stop] -->| Parameter | Description |
|---|---|
start / begin |
Opens a new scope (div container) |
stop / end / exit |
Closes the scope |
All frontend-relevant templates have been optimized for UIkit. Elements that are not frontend-relevant continue to use the YForm Bootstrap templates.
objparams|form_ytemplate|uikit,bootstrap
The fallback parameter bootstrap is important to ensure proper functionality.
objparams|form_class|uk-form-stacked
objparams|form_class|uk-form-horizontal