I am working on a design in lectora and would like to create a tab effect for the navigation in my course. I tried searching to see if a tutorial or a similar question exists but I couldn’t find a solution. I am trying to achieve a look similar to one in this course (though it was made in articulate):
I have tried creating shape buttons and image buttons but I can’t seem to figure out a way to achieve this look. The image buttons, even though the right size in the down and over states, continue to remain the normal state size, even though I wish them to be wider.
Here’s a different approach to the tab interaction. No generated button graphics and only two actions required per tab. Just to get the content in quick, I cheated and used images (without optimizing).