Text alignment in a button on hover state

Mar 29, 2018

Hi,

I have an issue with the alignment on the hover state. I have a button with a reference to a variable. The button have the std set of states.

The alignment is set to middle and left. I have unchecked the wrap text option.

When i preview the page and hover the button the text jumps to the top of the button. However, it looks like it works when publishing the course. Is this an known issue? If i add plain text in the button the alignment works.

Does anyone seen this before? Using SL360

6 Replies

Wendy Farmer
Hero

6 years ago03/30/18 at 1:13 am (UTC)

Hi Mats

No I haven't seen that behaviour. I just did two tests

by creating a shape with a normal state and then duplicating to create the hover
by creating a shape with a normal state and then creating a new state as hover state

Both returned same - text in the same position.

Perhaps you can do a Peek video of how you are creating the states.

Mats Schieche
Author

6 years ago04/03/18 at 7:27 am (UTC)

Hi Wendy,

I have done some more testing and found that if the button have a reference to a variable the alignment get off centre, if i remove the link to the variable the alignment stays.

I have uploaded a peek here:
https://360.articulate.com/review/content/0046a796-320d-480f-befc-80e9fc34ac6a/review