Too many tabs look selected when building custom tabs!
May 05, 2015
Hi there!
I'm new to articulate but followed a fabulous workshop by David Anderson (https://community.articulate.com/articles/custom-folder-tabs-video-workshop)on how to build custom tabs. I have followed all the instructions as seen in the workshop, and mostly, my tabs are working great. There is just one problem or glitch. The first time I click through the tabs in preview, everything works great - the selected tab comes forward, changes colour and blends in with the content area. However, if I then click through the tabs a second time, then 2 tabs change colour and appear selected ( the last one selected and the newest one selected). I think David's workshop was based on storyline 1 as I have storyline 2 and there are some differences in the layout of the software. Would this be the reason for my glitch? Is there something extra I have to do with storyline 2 that wasn't specified in the workshop? Any help would be much appreciated!!!
9 Replies
Here's some pictures to show the problem in case I haven't explained it properly!
Thanks,
Eadaoin
Hi Eadaoin! I'm taking a look at your file right now. I'll let you know what I find.
Hi Eadaoin,
I made a few changes to your file. The biggest issue I saw was you had the button tabs copied to each layer. I deleted the button tabs from the slide layers except for the disabled cover tab.
Please take a look and let me know if you have any questions. I'm more than happy to record a quick screencast for you!
David
Thank you so much David! The file I sent you was just the home page of a much larger project but I have applied your changes and the Doubling Effect is now gone! Thanks!
Just one more small thing though. In both the tabs file that you worked on and my own larger file, the intro tab text is changing colour when you hover over it, but as it's the selected tab, I would rather this didn't happen. I tried changing the initial state to Disabled but this just results in the tab becoming inactive. It's not the end of the world but I was wondering if there is a quick fix I'm missing?
Thanks again for your help!
This post was removed by the author
Click the states tab, Edit states, highlight the hover state and change the text to black or if you don't want a hover state at all you can delete (using the trash can). When finished click the 'done editing states'. Hope that helps
Thanks Wendy
I need the hover state for the intro tab when the other layers are selected so the user can get back to the intro page. If I follow your suggestion will this not remove all hovering from that tab?
Sorry I'm not sure what you're after then. What do you want to happen when the user hovers over the Intro tab at each stage.
Sorry, I didn't explain it well in my above message. When any of the other tabs are selected, then the intro tab is working fine (hover over and it changes red) and the selected tabs is also working in that it is disabled and does not change red to indicate that it is selected and therefore inactive. However, when the intro tab is selected and the user is on the intro layer, the intro tab is still changing red when you hover over it. Hope this makes better sense!
Hi
see attached file if this is what you mean. I have added a true/false variable.
This discussion is closed. You can start a new discussion or contact Articulate Support.