How to exclude template.css from the atum template while using tmpl=component. #39827
-
|
While working on a react project on the top of the backend template Atum I've added But the problem is, the Atum template still adds the So, is it a valid behavior while I am using |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
This is the expected behaviour. Modals also render with the |
Beta Was this translation helpful? Give feedback.
-
|
Is there any workaround so that I can completely get rid of the |
Beta Was this translation helpful? Give feedback.
-
|
Many, one is to create a child template of Atum, let's say react. Then in the root of the react template create a file named react.php with the contents of the atum component.php minus the CSS parts. Then make the react template the default and in your component's code use Possible code for the react.php (untested): <?php
/**
* @package Joomla.Administrator
* @subpackage Templates.Atum
*
* @copyright (C) 2012 Open Source Matters, Inc. <https://www.joomla.org>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
use Joomla\CMS\HTML\HTMLHelper;
/** @var \Joomla\CMS\Document\HtmlDocument $this */
$wa = $this->getWebAssetManager();
// // Get the hue value
// preg_match('#^hsla?\(([0-9]+)[\D]+([0-9]+)[\D]+([0-9]+)[\D]+([0-9](?:.\d+)?)?\)$#i', $this->params->get('hue', 'hsl(214, 63%, 20%)'), $matches);
// // Enable assets
// $wa->usePreset('template.atum.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr'))
// ->useStyle('template.active.language')
// ->useStyle('template.user')
// ->addInlineStyle(':root {
// --hue: ' . $matches[1] . ';
// --template-bg-light: ' . $this->params->get('bg-light', '--template-bg-light') . ';
// --template-text-dark: ' . $this->params->get('text-dark', '--template-text-dark') . ';
// --template-text-light: ' . $this->params->get('text-light', '--template-text-light') . ';
// --template-link-color: ' . $this->params->get('link-color', '--template-link-color') . ';
// --template-special-color: ' . $this->params->get('special-color', '--template-special-color') . ';
// }');
// // No template.js for modals
// $wa->disableScript('template.atum');
// // Override 'template.active' asset to set correct ltr/rtl dependency
// $wa->registerStyle('template.active', '', [], [], ['template.atum.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr')]);
// Browsers support SVG favicons
$this->addHeadLink(HTMLHelper::_('image', 'joomla-favicon.svg', '', [], true, 1), 'icon', 'rel', ['type' => 'image/svg+xml']);
$this->addHeadLink(HTMLHelper::_('image', 'favicon.ico', '', [], true, 1), 'alternate icon', 'rel', ['type' => 'image/vnd.microsoft.icon']);
$this->addHeadLink(HTMLHelper::_('image', 'joomla-favicon-pinned.svg', '', [], true, 1), 'mask-icon', 'rel', ['color' => '#000']);
?>
<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="metas" />
<jdoc:include type="styles" />
<jdoc:include type="scripts" />
</head>
<body class="contentpane component">
<jdoc:include type="message" />
<jdoc:include type="component" />
</body>
</html> |
Beta Was this translation helpful? Give feedback.
This is the expected behaviour. Modals also render with the
template.css