CS5.5 buttons state overlap

Hi All,
I have designed an interface and on one of the pages there are thumbnails of book covers which you rollover each cover and
on the "up and down" states ive included the blurb which has some details about that articular book.
However not all books appear correctly, the blurbs go behind the other book covers.
All the books covers are placed on a single keyfame in the timeline, i have tried it on separate layers as well but got the same result.
above the screenshot of the problem:
Ive tried many ways to fix it and each time it is the same.....any suggestions please????

I figured you haven't, but to do what you want to do you will need to. Your file's Publish Settings will indicate which version is being used (and you can set it as you please). If you go with AS3 and use what I described in the ROLL_OVER event handler function it will probably make doing this the easiest for you. If you are not familiar with how to code buttons in AS3, then that will be the next obstacle to address here.

Similar Messages

Interactive PDF: Rollover button state no longer working properly ???

Okay, what's going on with the Interactive PDFs lately?
Now all my rollover buttons no longer work properly. If I have a button that's simply a black arrow, and in the rollover state it's red.
No matter if I'm checking it out in the latest Acrobat Reader or Pro X, the rollover only works for a brief second..then reverts back to black - the original state.
This, combined with my latest problem with the show/hide button state, is really becoming a frustrating hassle:
http://forums.adobe.com/message/3933451#3933451
Any help would be appreciated.
I'm running 7.5.1.
Is this an Acrobat issue? The button function here seems to work in the InDesign preview mode.

Hhmmm...I'm actually having this problem even with Adobe Acrobat 9 Professional. Does this make sense?
Again, I'm creating the document in InDesign CS5 and then building the PDF with Adobe Acrobat 9 Professional, and the rollover effects don't work in Adobe Acrobat 9, Adobe Reader 9, and Adobe Reader 10.
I'm a bit new to this process of software not providing its basic touted functionality. Is this the kind of thing where support for this functionality will vary from product to product? I had the same issue with PDF Portfolio -- where all its functioanlity was not supported in Adobe Reader X. If so, perhaps I should simply stick with the classic features of PDFs. Or can I trust, reliability, that going forward, this rollover effect will be supported in all Adobe Reader versions? This is quite an important issue for me as I provide all the documentation for my employer, including customer facing documentation -- and I simply don't know. Any recommendations?

Radio button state on region load...

Is there a way to set the radio button state (click event) on a region load? The default value of 0 (read-only) works when clicked, but doesn't when the page initially loads, and it's like the button click event needs to take place at the region load time. The values are 1 and 0 set statically if that matters, and the hidden value does not get changed when the radio button with the value of 1 is selected.
The button makes the button visible when 'edit' is selected and the button disappears when 'read-only' is selected which is the expected behavior.
I do have a condition on the 'save' button for the value to not be zero which is based on the value from the radio button.
My gut says it'll be a region header attribute or Java Script sort of thing and I've not found anything so far, and I'm hoping there's an Apex guru out there that has a recommendation.
Thanks in advance!
Matt

I used some source I found on Denes' web site and added the call, but it didn't yield the result I was hoping for.
<script type="text/javascript" language="javascript">
$s('P8_RADIO_BUTTON','0');
function f_showhideButtonRadio(pThis, pValue)
{ var show_or_hide = html_RadioValue(pValue);
if (show_or_hide == 0)
{html_HideElement(pThis);}
else
{html_ShowElement(pThis);}
function f_showhideButtonSelect(pThis, pValue)
{ var show_or_hide = $x(pValue).value;
if (show_or_hide == 0)
{html_HideElement(pThis);}
else
{html_ShowElement(pThis);}
</script>
I'm quite new to the Java Script in Apex, so if I hosed this up, please let me know. Also, does that set the click event on or does that just set the value? The reason I ask is with a 0 or 1 it yielded the same result.
Thanks!
Matt

Change nav button state when using SSI

I am going to be redesigning a website soon and I am going to use SSI's. Is there a way to change the state of the nav button in relation to the page that is being viewed if the nav bar is in the SSI? If not, what is the best way to achieve this?
I was thinking that the pages specific to the nav buttons (Home, Contact, etc) can not have the nav bar in the SSI and it must be in the main file. If the design is changed in the future the pages containing specific nav button states must be changed individually.
Thanks for any input.

<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
This links to the file that is required for the Spry Element Selector
function InitPage(){
Spry.$$('#MenuBar1 li').forEach(function(node){
    var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
    if(a.href == window.location){
        Spry.Utils.addClassName(node,"activeMenuItem");
This function checks the list items (li) within div ID MenuBar1 and retrieves the the link within the anchor (a) element. If the link (a.href) is the same as the URL (window.location) then add a class called activeMenuItem to the list item.
Spry.Utils.addLoadListener(InitPage);
When the page loads, this will trigger the function
.activeMenuItem a {
    background:#a59a84 !important;
    color:#ffffff !important;
We need to add style rules for the anchor element within the list item with the class of activeMenuItem.
Gramps

Flash animation in button states

hello to gurus out there,
i am trying, several days now, to attach flash animated skins
to 3 of my buttons in a Flex application. Can somebody help me tell
this to Flex?
I've tried
<mx:Button id="deleteButton"
disabledSkin="@Embed(source='/resource/icons/delete_disabled.swf)"
overSkin="@Embed(source='/resource/icons/delete_over.swf')"
upSkin="@Embed(source='/resource/icons/delete_up.swf')"
downSkin="@Embed(source='/resource/icons/delete_down.swf')"
click="deleteClicked()"/>
..but with no good, i then get 200 errors in line 0 even
after i delete the code above
thanks is advance!

thx Peter for your time helping me out (btw heres the
link
you sent me, very useful indeed) but it seems i can't still figure
out how to skin a Flex button component with animated skins i made
in Flash. So i''ll try explaining it better. Please bare with me.
In my Flex application i have 2 different kind of buttons.
One is static and that was pretty easy skinning it with the
.swf and .css examples i found.
Second one though, has a rotating animation on Over state
which changes the dimensions of the button.
In my flash file I made a movieClip (Mybutton) where i have
the four states of my button in 4 different movieclips along the
timeline. I labeled 4 frames according to the button state it
holds. i then used make Flex component command to export the swf to
Flex. And i actually see it in my custom components in Flex, but of
course i see it as a movieclip and not a button.
How do i tell Flex that this is a button and define its skin
states from the frame labels in flash?
I did try the @embed source skinning a Flex button with
separate swf but it's totally messed up with the animation the swf
holds. It completely distorts when i place mouse over it.
I don't know where I'm going wrong, can somebody help me
out??

Button states not working

I have created different button states on my buttons in Muse but none of them show up in the browser. The buttons are created using a webfont from Typekit so not sure if this is the problem or not. Does anyone know what the problem is here?
Thanks!

Hi Sachin,
I have included screenshots below from Muse of what my states look like. The one on the left is the over state and the one on the right is the normal state. When I publish or preview in a browser these states don't work. I have created a new site as requested and created a very similar button and they work fine which leads me to think it must be an issue with my particular site. Any ideas how to resolve this? Thanks!

How to add sound to a button state

I would like to add a simple 1-sec click sound to a button state when activated. Cannot find it in any manual nor here. Help?

http://www.editorsbin.com/apple/dvdsp/tutorials/audio_feedback/index.html

I need to control flash button states within html

I am utilizing a flash header for navigation on a site built
in html. I need to control the button states in my flash header
from within my html page to facilitate breadcrumbs. The header
works in a similar manner to an expandable banner. The sub menu
expands over the html page. However, I cannot figure out how to get
the primary navigation buttons in the flash header to stay in the
"hit state" so that the user knows which section of the site they
are in.
Can anyone point me in the right direction?
Thanks

You will want to use movieclips as buttons so that you can
control what state they are in by code.
As far as using the html to set the state, you could devise a
scheme using FlashVars, which get designated in the embedding code
of the html page.
Assuming you are not using frames, and the flash is reloaded
for each page that you navigate to, then you will have adjust the
FlashVars code to reflect the relevant page's button.

How would I create buttons states for MCs I am creating abstract MCs

I am creating a generic website that would have abstract MCs that would load jpg or TXT fields for the user interface to allow for fast updates to the site. The MCs that would make up the user interface would be empty and load things into it using XML or PHP later on. How would I create button states for the user interface MCs. I started creating a function for every MC button state but I thought there might be a more efficient way.
would creating a array help in this case?
and is using URLRequest the way to link to pages with in a movie well the flash movie that is the site it's self?
/*---------------------------- THE START OF MY ACTION SCRIPT ------------------------------*/
var waywardLogo_mc:MovieClip = new MovieClip;
var theCollection_mc:MovieClip = new MovieClip;
var newsPage_mc:MovieClip = new MovieClip;
var whatthe#$@!doyouwant!?_mc:MovieClip = new MovieClip;
/*---------------------------- onOver ------------------------------*/
waywardLogo_mc.addEventListener(MouseEvent.ROLL_OVER,onOver);
theCollection_mc.addEventListener(MouseEvent.ROLL_OVER,onOver);
newspage_mc.addEventListener(MouseEvent.ROLL_OVER,onOver);
whatthe#$@!doyouwant!?_mc.addEventListener(MouseEvent.ROLL_OVER,onOver);
/*---------------------------- onOut ------------------------------*/
waywardLogo_mc.addEventListener(MouseEvent.ROLL_OUT,onOut);
theCollection_mc.addEventListener(MouseEvent.ROLL_OUT,onOut);
newspage_mc.addEventListener(MouseEvent.ROLL_OUT,onOut);
whatthe#$@!doyouwant!?_mc.addEventListener(MouseEvent.ROLL_OUT,onOut);
/*---------------------------- onClick ------------------------------*/
waywardLogo_mc.addEventListener(MouseEvent.CLICK,onClick);
theCollection_mc.addEventListener(MouseEvent.CLICK,onClick);
newspage_mc.addEventListener(MouseEvent.CLICK,onClick);
whatthe#$@!doyouwant!?_mc.addEventListener(MouseEvent.CLICK,onClick);
function onOver(event:MouseEvent):void
event.target.alpha = .5;
function onOut(event:MouseEvent):void
event.target.alpha = 1;
function onClick(event:MouseEvent):void
event.target.URLRequest("");
/*---------------------------- onover, onOut, onClick buttonModes ------------------------------*/
waywardLogo_mc.buttonMode = true;
theCollection_mc.buttonMode = true;
newspage_mc.buttonMode = true;
whatthe#$@!doyouwant!?_mc.buttonMode = true;

click insert/new symbol, tick movieclip, assign a name, tick export for actionscript and in the class textfield enter a name (say ButtonClass) and click ok.
attached to the first frame of your new movieclip, type stop() in the actions panel. put whatever graphic you want on-stage for your button's up stage. create another keyframe, label it "over" and put whatever graphic you want for button's over state on-stage.
in a layer above those graphics, you'll probably want to add a dynamic textfield so each of your buttons can have different text. assign the textfield and instance name (say tf) and extend its timeline to the last frame of your movieclip button.
then when you want to create a button, on your timeline you can use:
var b:ButtonClass=new ButtonClass(); // these two lines need to be entered for each button
buttonhandlerF(b,someX,someY);
//-------code between dotted lines only needs to be entered once no matter how many buttons you add --------------------
function buttonhandlerF(b:ButtonClass,x:Number,y:Number){
b.addEventListener(MouseEvent.MOUSE_OVER,overF);
b.addEventListener(MouseEVent.MOUSE_OUT,outF);
b.x=x
b.y=y
addChild(b);
function overF(e:MouseEvent){
e.currentTarget.gotoAndStop("over");
function outF(e:MouseEvent){
e.currentTarget.gotoAndStop(1);
//-------code between dotted lines only needs to be entered once --------------------
// you'll also want to create a click listener and listener function
the code between the dotted lines is amenable to being added to a ButtonClass.as class file if want to expand your capabilities.

Set button state base on the state of items in list

Hi everyone,
I'm making an application that helps user to manages their file.
In my application, I have a list of files and a button Delete all.
I want the Delete all button to be disabled when all files in my list are hidden.
Can anyone help me please ?
Thank you :)

>>I want the Delete all button to be disabled when all files in my list are hidden.
Add a Hidden property to the class that represents a File in your application:
public class File : ViewModelBase
private bool _hidden;
public bool Hidden
get { return _hidden; }
set { _hidden = value; base.RaisePropertyChanged("Hidden"); }
...and bind the Command property of the Button to a RelayCommand (DeleteCommand) and make its CanExecute method return true only when there are at least one File object with the Hidden property set to false:
public class ViewModel
public ObservableCollection<File> Files { get; set; }
public RelayCommand DeleteCommand
get { return new RelayCommand(OnDelete, CanDelete); }
private bool CanDelete()
return Files.Any(f => !f.Hidden);
private void OnDelete()
//delete....
>>I wonder if the button state can be changed when an item state changes or not :)
Call the RaiseCanExecuteChanged() method of the DeleteCommand whenever the Hidden property of any File object in the Files collection is set to a new value.
You could do this by hooking up an event handler for the PropertyChanged event of each File object in the view model class like this:
public class ViewModel
public ViewModel()
this.Files = new ObservableCollection<File>();
//load files....
foreach (File file in this.Files)
(file as INotifyPropertyChanged).PropertyChanged
+= new PropertyChangedEventHandler(item_PropertyChanged);
this.Files.CollectionChanged += Files_CollectionChanged;
private void item_PropertyChanged(object sender, PropertyChangedEventArgs e)
if(e.PropertyName == "Hidden")
DeleteCommand.RaiseCanExecuteChanged();
private void Files_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
if (e.NewItems != null)
foreach (object file in e.NewItems)
(file as INotifyPropertyChanged).PropertyChanged
+= new PropertyChangedEventHandler(item_PropertyChanged);
if (e.OldItems != null)
foreach (object file in e.OldItems)
(file as INotifyPropertyChanged).PropertyChanged
-= new PropertyChangedEventHandler(item_PropertyChanged);
public ObservableCollection<File> Files { get; set; }
public RelayCommand DeleteCommand
get { return new RelayCommand(OnDelete, CanDelete); }
private bool CanDelete()
return Files.Any(f => !f.Hidden);
private void OnDelete()
//delete....
Note that this requires the File class to implement the INotifyPropertyChanged.
Hope that helps.
Please mark helpful posts as answer to close the thread and then start a new thread if you have a new question.

Sprite and button state support are essential

Looking to the future (and you probably have something planned), items like sprites and button states are absolutely essential for a productive PSD > HTML workflow.
Photoshop's never been an ideal web design tool, other than for rough mockups, mainly because of that important missing functionality. Being able to identify and extract button states in some way becomes pretty important as a differentiator for Parfait, I think, because it would eliminate one of the real pain points of a Photoshop > Web workflow.

Actually, sprites are problematic for any Photoshop workflow at present, other than creating them as separate files. Absent an unlinked layer mask and setting layer comps for each state (and even that is a poor substitute), there's just no way to represent them in a page mockup. Button states using individual layer groups or changing layer styles are doable in a page mockup, but one has to accept the inefficiency of multiple image files at load time.
I have only once used a Ps mockup to create a site, and only because the client provided their preferred design as a set of page-jpegs and a PSD, but all I used of those files was a header image and their text. I built everything else directly in the Dreamweaver code editor because it was so much faster. A button that's just text with a border around the <a> tag and uses changing text and background colors for the hover, active and visited states is a few seconds work building the class in CSS. Even with a background sprite rather than a color change, it's pretty trivial.
So I appreciate that none of this is non-trivial to implement.

Remembering the radio button state between jsp pages

How do i maintain the state of radio buttons when i move from one jsp page to another. Thank you for your help.

Hi
If the next JSP is a child window,you can take a JSP hidden variable and you can store radio button state in it and can get the same on child window thorugh window.opener.
And if its not a child window(JSP),then you can maintain the state in session and get it anywhere.

Preserving radio button state between frames

Is there a way in CS3 to preserve radio button state (selected or not) from frame to frame?
I have a multi-frame app where users select either yes or no (radio buttons) to an array of questions; as they complete these questions they click a forward button to move on to the next frame (set of questions). But I am wanting to add a back button that allows them to go back and change their answers...how I can preserve the state of radio buttons clicked on previous frames, so that when they go back to a previous frame (or frames) those radio buttons they selected are still selected?

If the design is timeline based you will need to configure some form of memory (such as an array) to retain selection data so that when you enter a frame you use what is stored to set things up.

Initial button state in motion menu

I have a 5 sec motion menu and I want the active button state to delay highlight until the motion is done. I did not set a default button hoping it wouldn't select while playing but that didn't work. Is there a work around?

I just did this in a recent project. You have to use a menu overlay, then set the motion menu’s loop point at 5 seconds. The buttons will be invisible until you hit the loop point. The menu will continue to loop, but won’t include the first five seconds.
I could not get it to work with DVDSP’s built-in buttons.

Button States -- Over, Up, and Down. How to show?

This morning, I attended a webinar from our Adobe friends in Bangalore. It was a good presentation and got me thinking back to button states. The instructor said that you needed to create 3 button states as 3 separate images (not in Flash) such as (1) [buttonx]_up.png, (2) [buttonx]_over.png and (3) [buttonx]_down.png. She said to put all 3 in your library, but only point to [buttonx]_up.png in the properties panel. She said that Cp would automatically pick up on the other 2 states. I have tried in Preview and have not gotten the states to show. Granted, I have not published yet. Does anyone out there have experience with button states. Am I missing something? I'd also love to build folders in the assets panel (such as one for buttons-- Is that an enhancement request?)

You may have misunderstood what the Adobe person said, or they may have mistakenly used the wrong word.
You don't put the button files in the Captivate Library. You add them to the button Gallery at:
C:\Program Files\Adobe\Adobe Captivate 5\Gallery\Buttons
or on 64bit machines at:
C:\Program Files (x86)\Adobe\Adobe Captivate 5\Gallery\Buttons
Then they should appear listed among the buttons available in your image buttons drop down. Captivate only shows one of the images but uses all three.

CS5.5 buttons state overlap

Similar Messages

Maybe you are looking for