8.5.2: My Account theme and tabs problem
Permalink
1. The search field in dashboard pages in v8.5.2 is moved to the very left edge of the screen. I saw once how to fix it but can't find it anymore. Anyone know the fix for that?
2. I had tabs in v8.4.2 and they worked perfectly well. Now I have tabs in v8.5.2 and they stopped working, tab content is showing below the tabs instead of in the tabs. After clicking on a tab, the content disappears from below and remains on the tab until next page load.
What's changed between v84 and v8.5 with tabs? How can I fix them?
I have this code:
BTW, no problem with tabs on Dashboard pages. So it must be something to do with the theme. There was no theme applied to the Account page in v8.4, and now v8.5 has the same site's theme for the Account.
I load these assets in the Account page controller:
Am I missing anything else for the tabs?
2. I had tabs in v8.4.2 and they worked perfectly well. Now I have tabs in v8.5.2 and they stopped working, tab content is showing below the tabs instead of in the tabs. After clicking on a tab, the content disappears from below and remains on the tab until next page load.
What's changed between v84 and v8.5 with tabs? How can I fix them?
I have this code:
<div class="form-group">
<?php
echo $app->make('helper/concrete/ui')->tabs([
['input', t('Input Data'), true],
['result', t('Calculation Result')],
]);
?>
</div>
<div id="ccm-tab-content-input" class="ccm-tab-content">
</div>
<div id="ccm-tab-content-result" class="ccm-tab-content">
</div>BTW, no problem with tabs on Dashboard pages. So it must be something to do with the theme. There was no theme applied to the Account page in v8.4, and now v8.5 has the same site's theme for the Account.
I load these assets in the Account page controller:
$this->requireAsset('core/app'); $this->requireAsset('javascript', 'jquery'); $this->requireAsset('javascript', 'jquery/ui'); $this->requireAsset('css', 'jquery/ui');
Am I missing anything else for the tabs?
I tried loading the core's tabs.js in the Account page - no effect, same result - the other tab text in below the tabs. I have the same code in the Dashboard page - all works fine without a problem. What's wrong with this account page? Why are the tabs showing other tabs content below BUT only before the first click? After clicking it disappears and stays correctly on the tab.
I've changed the Account page theme with the override in app.php:
Now my v8.5 Account is the same as v8.4's and the tabs problem is gone.
But it's still not what I want. Now I have to make a theme for the Account. It's doubling the effort. Still want to know what's wrong with the tabs in Account in v8.5 because I want to use the front end theme.
return [ 'theme_paths' => array( '/account' => VIEW_CORE_THEME, '/account/*' => VIEW_CORE_THEME, ), ];
Now my v8.5 Account is the same as v8.4's and the tabs problem is gone.
But it's still not what I want. Now I have to make a theme for the Account. It's doubling the effort. Still want to know what's wrong with the tabs in Account in v8.5 because I want to use the front end theme.
If you remove your theme override in the app.php are there any js errors on your page where the tabs aren't functioning?
No, no errors. And tab switching works. It's just the tab text is always below the tabs on page loading. After the 1st click on a tab all starts working fine.
Is there a CSS conflict? It could be that your theme is setting them to be shown until the javascript overrides that.
I can't tell. I've just copied the code from v8.4 to v8.5. But my front end theme (a slightly modified Elemental) has no css for the tabs.
