Issue with Header 103 Component: Tab-load-bar Not Displaying | Relume Community
I have an issue with the header 103 component. I didnt change any class names, the tab change works, the auto change works, but: the tab-load-bar does not. It does not show up at all
Hey Corne! Please can you share the staging link + read only and Iâll take a look
As of yet I donât see anything wrong but still having a look . Not sure why this isnât working . If you canât find whatâs causing the bug try remove marker and test again not sure if that could be causing any issues .
The weird thing is itâs working in webflow if you preview and click the tabs .
Maybe try delete the webflow interaction and create it again manually and then publish
Could it be finsweet cms tabs acouring the issue?
Because it is dynamic with a hidden collectionlist
Thatâs probably it let me try something quick .
Add this where you added the finsweet attribute
fs-cmstabs-element=âtabsâ and give it a test
Also change the webflow interaction to be the length of the tabs displayed
So make it 12 seconds instead of 6
It only not works on the first one, but after the first one it slides
Is it normal that it is not working for the first one?
And when it is alsmost there it waits for a while
So itâs an issue with the initial state
Try add this to the body tag of the page
<script>
$(window).on('load', function() {
// Code to run after the window has fully loaded
console.log('Window is fully loaded');
// Trigger a click event on the first element with class 'header103_tab-link'
$('.header103_tab-link').first().click();
});
</script>
It should click the first tab on page load therefore bypassing the issue
If it doesnât work what I would reccomend is adding a field in the cms called ID then give the first cms item an id of first-tab or something like that then use have script to click it once the page has loaded
Both thigs dont work unfortunotly
Wen Iâm back on my laptop Iâll have a look
this is a tricky one because even in designer it loads the first one...but I noticed that the initial state checkbox is not checked here - is that it?
Matt J. thanks for checking in! I just placed it on inital state, but that doesnât fix the first loader
