Skip to main content
NicolasReibnitz
Inspiring
August 26, 2015
Answered

Positioning problems with multi state buttons (Captivate 9)

  • August 26, 2015
  • 8 replies
  • 9604 views

Hey all,

I just tried to use a button with an added state (the text turns green when chapter is done). When I change the position of that button it will jump around whenever I go over it with the mouse cursor. The problem is that I can not change the position for the other states of the button but it is clearly saved independently. Looks like a bug to me.

So I actually can not press the button at all anymore.

Update:

  1. This only happens in a responsive project
  2. This problem affects every smartshape turned into a button, not just the ones with an added state.

Message was edited by: Nicolas Reibnitz

This topic has been closed for replies.
Correct answer NicolasReibnitz

Just to finish this up for now:

The issue seems to be with the project file. Why this happened I can't say.

As Nimmy found out and wrote in an email one can resize the jumping button a little. Then the position is in sync again. After that even new buttons did not show the jumping behaviour anymore. Maybe this helps someone who encounters the same issue at some point.

If someone finds out how this corruption of the project can occur I'd love to know about it.

Thanks to all!

8 replies

Participant
April 27, 2021

I'm having the same issue. When I want to edit an image I'm using as a button for a specific state (i.e. my button turns to grayscale upon visit from a color button) if I adjust any slider in the image editer for that state, say, I edit my image saturation or contrast, the slider will move the image around the canvas instead of making the image adjustments. It's almost like the sliders are linked to the button position instead of editing the property (saturation, hue, contrast, Alpha). If anyone wants to try that out to see if that recreates the problem.... 

Stagprime2687219
Legend
April 28, 2021

Hmm... cannot say I have experienced that and I wasn't able to make that happen just now but perhaps I am not matching your workflow.

That said - I have had other button issues come up when there is a need to manipulate them.

I have often went the route of placing a click box over the top of any images that I need to manipulate and use as a button. That way I can manipulate to my heart's content and not mess with the clickable element.

I've had a bit better luck that way.

Just a thought.

Lilybiri
Legend
April 28, 2021

@Stagprime2687219 e If it is a Fluid boxes project as the OP mentioned, please do not suggest click boxes, they are not allowed in a normal fluid box due to the stack limitation.

Marko Stojkovski
Known Participant
February 2, 2017

Hello. It is 2017 and I am still facing the very similar problem.
I created an image button and when I tried it the rollover state is OK but the NORMAL state goes to position 0, 0, in the upper left corner of the screen. If I don't have rollover state everything is OK, but it is not the solution, I need the rollover state on a button. I tried to remove the rollover state and create it again, but then when I duplicate it gives me TEXT BUTTON as rollover state and I am not able to change it. I tried in a new responsive project but this happens again

If you like to check out what i mean, a sample can be checked here:
Dropbox - untitled1.cptx


Regards and thanks.
Marko

Lilybiri
Legend
February 2, 2017

Are you on 9.0.2.437?

Are you talking really about the (old) type 'Image buttons', which have to be created outside of Captivate in a graphic application: three images with same size, but with names ending on _down, _over, _up? Or are you talking about shape buttons filled with images (which can be created inside of Captivate)?

Marko Stojkovski
Known Participant
February 2, 2017

Let's say this is the old type but not three images, I just need some shadow in the rollover state on the same image.

Participant
November 9, 2015

I submitted a bug report to Adobe.  Did this problem get resolved?  I downloaded a trial version of Captivate 9 and I'm glad I haven't paid for it.  Very buggy.  I'm having the same problem with Over and Down states of buttons not moving when I reposition the Up State.  This is impossible to deal with.  Not to mention the buttons have no way of breaking into multi-line text so my buttons with long answers only show the first five words when testing.  Are you sure this isn't a Beta?

Magda_Diaz
Participating Frequently
November 9, 2015

I am also wondering why this wasn't caught during beta. Definitely feels broken. Any ideas on when this will be fixed?

Inspiring
November 26, 2015

Any update on this bug? It's driving me nuts!!!

I've tried all suggestions above. Only one that works is to remove all states, reposition objects in all views and add in new states. What an unbelievable waste of time!! Especially when I've recommended Cp to directors to save time....

It's a make or break deal in my case. Just unusable as is!

rbcanelson1
Participant
September 23, 2015

I am having a lot of trouble with this. I am using imported graphics as buttons. Despite saving the graphics into the button gallery (with the "up", "over" and "down" states) and setting these images as the default buttons in the Object Style Manager, I am being required to update the states of each individual button with every single change or movement—frequently at all the different breakpoints as I'm working in a responsive project. Sometimes I can just reset the button state and it will move to match the "normal" state, but othertimes clicking that completely clears out the uploaded images and I have to browse the gallery to bring them back. Likewise, sometimes I am able to adjust the position of the rollover and down states, and other times it's completely locked down and can't be updated. I can't figure out the logic behind when it works and when it doesn't, but I've restarted my project from scratch several times—and used several different button graphics and even smartshapes and text buttons—and run into this problem eventually with every iteration. Obviously untenable and totally frustrating. I hope somebody has a fix soon.

nsukumar
Adobe Employee
Adobe Employee
September 24, 2015

Hi there,

We are working on this issue. To avoid this issue, Please create a new responsive project, then open your saved project and start working on it. Ideally the shifting issue should not show up in this scenario.

Thanks,

Nimmy Sukumaran.

Participant
October 6, 2015

Hi Nimmy,

I tried what you suggested about creating a new project and it didn't resolve the issue for me. Resizing the buttons didn't either, unfortunately. Deleting and re-creating all the states for all my buttons is way too time-consuming since I am in the early stages of designing a project and elements need to be shifted around a lot to find the right layout.

Any updates on the issue or other things to try?

Thanks!

Participant
September 15, 2015

Just to throw in my two cents on this: I had the same problem in a responsive project with all kinds of buttons: As soon as I repositioned a button, the button's other states "stayed behind" which caused the jumping-effect on mouse over that you described - so it's definitely no project-specific problem but a bug. After a while I came up with the same solution than you did (deleting the other states and recreating them), which fixed the positioning-problem for me - once I treated a button that way, I could move it around without causing any syncing problems anymore. Since then I can't reproduce the bug anymore. All existing or added buttons behave normal and can be repositioned freely without any problems...

Known Participant
October 2, 2015

Very helpful. I have had the same problem. The solution is to delete the additional states and add them back (e.g. duplicate the existing state and then modify).

Phew!

Inspiring
March 18, 2016

First of all thank you guys for your workaround. Then, what I found was that moving buttons/shapes using your keyboard does avoid that bug and everything works. Try it, DO NOT USE YOUR MOUSE TO MOVE THE SMART OBJECTS, use your keyboard instead.


For buttons, unclick "Use as button" then re-click it. This worked for me...

NicolasReibnitz
NicolasReibnitzAuthorCorrect answer
Inspiring
August 26, 2015

Just to finish this up for now:

The issue seems to be with the project file. Why this happened I can't say.

As Nimmy found out and wrote in an email one can resize the jumping button a little. Then the position is in sync again. After that even new buttons did not show the jumping behaviour anymore. Maybe this helps someone who encounters the same issue at some point.

If someone finds out how this corruption of the project can occur I'd love to know about it.

Thanks to all!

nsukumar
Adobe Employee
Adobe Employee
August 26, 2015

Hi there,

Can you please provide little more information. Are you seeing the jumping issue in runtime? i.e when you hover mouse over the button  rollover state is displaying in a different place?. Is the button on normal state or in custom state?

Can you please go  to the corresponding state in the edit area and verify its position? In case if it is not same as that of normal state, then can you please save the project, then try resetting state and see it resolves the issue?

Also it will be great if you can share the saved project with us so that we can check the issue at our end. Please upload it to a shared workspace and send me the link at nsukumar@adobe.com

Thanks,

Nimmy Sukumaran.

NicolasReibnitz
Inspiring
August 26, 2015

The buttons jump at runtime. Try it! It's fun!

http://sisho-interactive.com/pre-final/jumping-buttons-test/

I sent the project files to Nimmy.

Lilybiri
Legend
August 26, 2015

Hello,

I just tried this out and cannot reproduce at all what you explained.

Are you talking about normal buttons, if yes which type? Or are you talking about shape buttons? My test was for shape buttons and for Text buttons

You cannot move the (shape) button itself in any state, neither in the default states nor in new states. You can edit the text, fill and stroke in all states.

I see that the default states for Text buttons do not show up in a responsive project, whereas they do for shape buttons. For additional states, that you can apply with the new Change State command changes in Text/Fill/Stroke will occur. I never did see the movement you are talking about.


Could you tell about which type of button you are talking (I avoid the old normal buttons when possible)? And how did you set up Positioning? Can you show a screenshot of the Object State panel?

NicolasReibnitz
Inspiring
August 26, 2015

It happens with smartshapes as well as usual text buttons. Here you can see the three different states of my smartshape button:

As you can see the first (normal) state is at a different position as the other states.

Lilybiri
Legend
August 26, 2015

This is indeed very strange. I know Nimmy asked to load up the project, but I would like to see the cause. What happens when you drag the normal state in the state isolation mode, for me the other states will move to the same position as the Normal state.