Help Achieving Text Emphasis Effect


(Mark Dewart) #1

Hi,

Could you take a look at this Engineering Design page and get me started on how I could achieve this effect in Rapidweaver?

Hover over “Science and Engineering Practices” then move to “Disciplinary Core Ideas.”

See how the text in the Performance Expectations boxes above changes color? Cool and effective!

Thanks!

Mark


(Doug Bennett) #2

On an iPad, a touch screen device, so it has no hover effect.


(Ben Balser) #3

I’d like to find a Stack or something to do this, also.


(David Chapnick) #4

Maik Barz “Content Switcher” stack can do this.


(Mark Dewart) #5

David,

Yes, that looks like it would do it. Thank you for the suggestion!


(Mark Dewart) #6

Doug, thanks getting me to think about how this effect would work on touch screen devices. I visited the page on an iPad. Tapping has the same effect as hovering. However, the effect worked everytime on a laptop, but not as evenly on the iPad.


(Doug Bennett) #7

Yeah, On my iPad (just went back and tried again) it sometimes works on tap. The other thing to consider is would a user know to tap? I wouldn’t know to do that; it’s not apparent that at least on that site, I could tap it. The changes also occur above the trigger so on a smaller screen the user may have scrolled past what has changed before triggering the change.