Community forum for knowledge and support

Updated 10 months ago

The issue with timeline14 on the test page

At a glance

A community member is having an issue with the timeline14 component on their website, where the progress bar is not in color and the inactive tabs are not grey. Other community members provide suggestions, such as checking the style guide and assigning colors to the missing variables. The community member tries these suggestions and is able to get the dates working with active states, but the progress bar still remains a solid color. Another community member suggests that the progress bar interaction may only be visible after publishing the site, and not in the Webflow designer/preview. The community member then shares a link to their live site, where the progress bar is staying one color. After some back-and-forth, the issue is resolved by changing the timeline14_progress-bar to a color, which fixes the problem.

Useful resources

Hi there, I am running into an issue with timeline14 on https://ae-refresh-c570b3.webflow.io/test. I cannot for the life of me figure out why the progress bar isn't in color and the inactive tabs aren't grey. Can someone help?

M
M
12 comments

Would you mind sending a read-only link?

so it looks like you may have not started this project with the cloned style guide because I dont see any of the variables in there. Not a huge deal really because you can just assign the colors that are missing to any existing variables you have. In my screenshot, I am showing you that basically because the variables didn't exist - when you pasted the component in, the background color value is blank - thus transparent. If you reset this, and then choose one of your variables - it should work fine.

OK, i tried that. I have now managed to get the 'date' working with active states, but not the progress bar. What do I miss?

I get a solid color only when I change the value for the color of timeline14_tab-progress

you will only see the progress bar change once you have published the site - you won't be able to see the progress bar interaction within the Webflow designer/preview.

what do you mean? On click, I see them changing color.

might need to see a design to better understand what your point A is so we can get you to point B

ha I see - I was now focused on the dates like you were talking about but now I see that the progress bar is staying all one color. You'll want to change the timeline14_progress-bar to a color as well - I believe that should work fine.

Success! πŸ˜„ Thanks, !

Add a reply
Sign up and join the conversation on Slack