Custom button images clipped

I have created some custom buttons yet when I preview the
buttons in Captivate 2, they get clipped by about 1px along the
bottom and right edge of the button. I have tried many button image
formats (.gif, .jpg, .bmp) all with the same results. I also
checked my slide settings (Slide Quality = High) and Project
Preferences (JPEG Image Quality=100%).
Any ideas?
Thanks,
Brian

Hi Brian
I would think one possible solution would be to simply add an
additional pixel to the button. Possibly two. Then surround the
image with an unused color that would be rendered as transparent.
Just a thought... Rick

Similar Messages

Custom button images

Hello all,
In CP 1, I was able to 'easily' (compared to now) create
custom button images in fireworks then import and set their states
(up, down, over, . .). Now, it seems to be a much more tedious
process, and I still haven't got it to work. According to the
documentation - you now have to use .bmps, then save the img states
in a certain naming convention, then save them in a particular
directory! No more browse function for each image state?!?!.
Furthermore, you can only select 1 image - and this 1 image becomes
becomes the image for up, down, over, etc. even though I used the
documented naming convention 'style-preview.bmp',
'style-playbuttonup.bmp', 'style-playbuttondown.bmp'. I must be
missing something - it cannot be this tedious to use your own
custom created buttons. Anyone using their own buttons with up,
down, and over states?? Any help will be greatly appreciated.
Thanks.

Thanks very much for this information. I'm now able to create
navigation tabs out of custom buttons. This was much easier than
the design template for tabs on the Captivate Exchange (
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1049 430).
I opened one of Captivate's buttons (.bmp) from the Buttons folder
in the Gallery folder (C:\Program Files\Adobe\Adobe Captivate
2\Gallery\Buttons) into Adobe Photoshop, then I modified the
background and font color, saved it back into the button folder
with the naming conventions listed here. I then copied all the
buttons as a group against a background image on every slide. The
over, up, and down states are inherent in the buttons when you use
the naming conventions. I'm sure it will be easy to create the tab
shape to look like navigation tabs.
I found some great samples here:
http://www.alvit.de/css-showcase/css-galleries-tabs-navigation-showcase.php.

Cp6 - How do I save custom button images?

Hello all,
I have a project which uses custom buttons. When I click on the button, from the stage, I see the button and other custom buttons in the Properties/General section (as Image buttons).
The problem is that these buttons are embedded in the project. How do I save them to the hard drive so that I may edit them? I see no option to save them in their 3 states (over, up, down).
BTW, as I mentioned, they are currently embedded in the project and they are not located in: Adobe Captivate 6 x64\Gallery\Buttons
Anyone?
Thank you,
Doug

Hi Charles,
last week Kirby Krieger and me did a little investigation in vanishing button sets; you may wish to have a look at this thread: Control Bar Button Sets Drop-down shows non-existing Sets "Wedding", "Sports", "Animals". I wonder, if your button sets vanish for the same reason, switching between libraries.
When you close Aperture and restart (a regular "quit", not "force quit", I assume, otherwise all will be discarded ) then the button sets will be stored in your Aperture Library, and in the System Preferences file
~/Library/Preferences/com.apple.Aperture.plist Aperture stores the name of the button group last selected.
So the button sets are bound to your library. If you switch between Aperture Libraries, and the other Library does not have a button group by the name you last selected, then Aperture will fall back on the default button set. By clicking the "Edit button" in the keyword controls and selecting one of your previously defined set in the left columm of the button editor, usually your button sets should reappear. Does that apply to your case? Do you switch between multiple Aperture Libraries? Then make sure to select a button set group that is defined in all libraries before quitting and switching to another library. Also your Aperture Preference file might be locked or corrupted. Then it might help to remove the preference file as described in Aperture 3 Trouble Shooting Basics http://support.apple.com/kb/HT3805
The import/export buttons:
You can save your button set to a file, and when you switch to another library, you can import the saved file to use the same button sets with that library. Export and Import should not be necessary, if you are only quitting and reopening the same library.
Regards
Léonie

Custom button skin with scaleGrid 9 slice image does not appear in Design Mode

So in a custom button skin I have a nine sliced image, and then throw that onto an MXML page. In design view, I cannot get the component to show the image that I've thrown on it. Unless I do a hack on the MXML page by adding the image in it's scaleGrid form to the page somewhere. Then it seems to act as like a preloader for the image so it actually displays. But I don't want to do this hack on every page that uses this component. Is there a work around?
Here's the button skin:
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark"
                    width.disabled="296" height.disabled="73">

<fx:Metadata>
                    [HostComponent("spark.components.Button")]
                    [Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)]
</fx:Metadata>

<s:states>
                    <s:State name="disabled" />
                    <s:State name="down" />
                    <s:State name="over" />
                    <s:State name="up" />
</s:states>
          <s:Group width="100%" height="100%" >
<s:Image width="100%" height="100%" smooth="true" source="@Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)"/>
</s:Group>

          <s:Label id="labelDisplay" left="10" right="10" top="2" bottom="2" horizontalCenter="0"
                               maxDisplayedLines="1" textAlign="center" verticalAlign="middle" verticalCenter="1"
                               color="#FFFFFF" >
<s:filters>
                              <s:DropShadowFilter distance="0" angle="90" color="0x000000" alpha="1" blurX="2" blurY="2" strength="16" quality="3" />
</s:filters>
</s:Label>
</s:Skin>
And then I throw that button into an MXML page. The image doesn't show up in design view.
<s:Button x="330" y="94" width="134" height="57" label="Button" skinClass="features.shared.NineSliceButtonSkin" />
This hack, fixes the button! And all other buttons that use that skin.
<s:Image width="100%" height="100%" smooth="true" source="@Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)"/>
<s:Button x="330" y="94" width="134" height="57" label="Button" skinClass="features.shared.NineSliceButtonSkin" />

Looking for an answer too!

Custom Button Question

Forgive me if this has been asked before, My search through the archives didn't turn up anything but, then again, neither did the hours of searching i did prior to coming here.
I'm trying to create a custom button that can do two things
1) run a video clip as it's asset ( the standard 30 sec clip from the associated chapter )
2) Have a custom, full colour, graphic appear over the video when the button is selected.
The problem I'm having is that while I can make the custom graphic appear using a standard button ( and a custom shape ) the graphic is always on-screen and for every button.
I can get the graphic to appear only when the button is selected by using a layered button, but can't find a way to set a video clip as the button's background.
Is there anyway to have both?

Anything that you want to make appear as a highlight when the button is selected is going to be part of the sub-picture stream when you build the disc. This is limited to just four colours, including black. Making a full colour highlight appear is just not possible on a SD disc.
However, you could use a photoshop layer based menu which works in a different way. In this system the selection of a button by the user actually swaps you from one menu to another rather than simply invoke the sub-picture stream. Using this technique you can make it look as if a full colour image has appeared. However, you cannot then use video as a button asset, nor put audio into your menu as you are in effect moving between different menus. Also, such a menu structure is slow to use on the final disc and will require multiple buttons presses to get things to happen.
You could choose to create this yourself rather than use a photoshop layer file. If you do then you'll have video background, since you would create a series of standard menus linked together by auto-activating buttons. So, in your first menu you set up the video background and for each button you link to a new menu which has got a composite of what you want visually. If you set each button to auto-activate then the jump to the sub menus will happen as you roll over each button, but you will then need to set jumps back from each sub menu. As you can see, this gets quite complex and whilst possible isn't always practical. Anything more than a couple of buttons and things just get confusing!
There is one final possibility, but it again has flaws. For your background you create the video and an area of relatively plain colour. In that plain area you add the full colour images that you want to appear when each button is selected. You then create a highlight overlay which has got a simple shape set up to cover over the highlight images for each button. In DVDSP you map the colour of the overlay to be the same as the plain area colour in the menu background, and you set the normal state of the highlight to be opaque (the reverse of the default setting). On selection you set the highlight to be transparent. What happens is that you then have your full colour image revealed as the user moves over each button area, whilst the video background is playing.
The flaw with this is two-fold. Firstly, mapping the overlay block colour to match the background is never quite as accurate as you want it to be - you'll almost certainly see a difference and you need to design your menu with this in mind (you might make it a feature by adding a border on the background, for example). The second flaw is more serious - when you activate a button the sub-picture stream disappears for a fraction of a second and ALL of your background images will be revealed before the jump takes place. Additionally, when returning to a menu the sub-picture stream takes a moment to initialise and all of your background will again be in view for a fraction of a second.
This is not something you can do anything about and depends hugely on the player that you are using, but all will do this to some extent or another. If you can live with this then you CAN have video and reveal full colour images (although not over the video) on a single menu... and have audio as well!
The simple answer is probably that it is not worth your while struggling with this to get the effect you want... sorry!

Add Alt Attribute Info to a Custom Button

I have created an alternative to editing the
“whtbar.js” file to give an image alt attribute
information. We have a custom button in our help file that needed
alt information, but we had already incorporated the text into the
button’s image and did not want to add the text label. We
also did not like the visual border treatment that adding a text
label did to the button.
I wrote this JavaScript function that will not only
accomplish this, but it will also capture the functionality that
RoboHelp creates for the OnClick event handler and duplicates it in
an OnKeyPress event handler for that same button. I have
successfully tested this script in both IE (IE 6.0) and Mozilla
(Firefox 1.5), and it appears to work fine.

The OP probably tried to attach it to their post, but it was stripped by the forum software. Hopefully they can show a screenshot image (using the camera icon in the web interface) to display the coding.

Adding custom button to Ribbon for custom list definition

I'm trying to add a custom button to the ribbon, specifically for a custom list definition. I have two custom list definitions, one for a document library (Type="11008") and one for a list (Type="10002").
I can use the following CustomAction to successfully add a button to the document library ribbon:
<CustomAction Id="MyCustomAction.DocLib"
RegistrationId="11008"
RegistrationType="List"
Location="CommandUI.Ribbon">
<CommandUIExtension>
<CommandUIDefinitions>
<CommandUIDefinition Location="Ribbon.Library.Share.Controls._children">
<Button
Id="MyCustomAction.DocLib.Button"
Alt="Help"
Sequence="5"
Command="SayHi"
Image32by32Left="-64" Image32by32Top="-320" Image32by32="/_layouts/$Resources:core,Language;/images/formatmap32x32.png"
Image16by16Left="-64" Image16by16Top="-176" Image16by16="/_layouts/$Resources:core,Language;/images/formatmap16x16.png"
LabelText="Say Hi!"
TemplateAlias="o1"/>
</CommandUIDefinition>
</CommandUIDefinitions>
<CommandUIHandlers>
<CommandUIHandler Command="SayHi" CommandAction="javascript:alert('Hi!');"/>
</CommandUIHandlers>
</CommandUIExtension>
</CustomAction>
If I try to do the same thing for my list, the button does not show up:
<CustomAction Id="MyCustomAction.List"
RegistrationId="10002"
RegistrationType="List"
Location="CommandUI.Ribbon">
<CommandUIExtension>
<CommandUIDefinitions>
<CommandUIDefinition Location="Ribbon.List.Share.Controls._children">
<Button
Id="MyCustomAction.List.Button"
Alt="Help"
Sequence="5"
Command="SayHi"
Image32by32Left="-64" Image32by32Top="-320" Image32by32="/_layouts/$Resources:core,Language;/images/formatmap32x32.png"
Image16by16Left="-64" Image16by16Top="-176" Image16by16="/_layouts/$Resources:core,Language;/images/formatmap16x16.png"
LabelText="Say Hi!"
TemplateAlias="o1"/>
</CommandUIDefinition>
</CommandUIDefinitions>
<CommandUIHandlers>
<CommandUIHandler Command="SayHi" CommandAction="javascript:alert('Hi!');"/>
</CommandUIHandlers>
</CommandUIExtension>
</CustomAction>
What am I missing that is keeping me from getting this button to show up in my List ribbon?

Well, I debated just deleting my question, but I'll leave it up in case someone else runs into this. My custom list definition for my list had <Toolbar Type="Freeform" />. I don't remember why I changed that, but once I changed
that back to <Toolbar Type="Standard"/> my custom buttons started showing up as expected.
The answer
here pointed me in the right direction.

Acrobat X plugin buttons are clipped

Hi,
We are in the process of adjusting our old Acrobat plugins (C++, Acrobat 8.0/9.0 SDK) to be compatible with Acrobat X. Our plugin consist of several buttons, which (in Acrobat X) now appear in an area in the 'Tools' panel.
I've attched to this discussion 3 screenshots to see the issue.
We have seen variable results in Windows Acrobat X with the appearance of the plugin's toolbuttons.
When runnnig Acrobat X in standalone mode (normal desktop application), initially the buttons are clipped by the region (area) they reside in the 'Tools' panel (see image #1). Occasionally with 10.0, we were able to see them fully drawn, but it was random. With 10.1, they're always clipped. Expanding the upper areas of upper plugins (For example: 'Sign & Certify') causes our plugin area to expand and the buttons are no longer clipped. So this is a workaround (see Image #2 - After opening 'Sign & Certify' and then re-opening 'Select & Zoom').
But... Our plugin is relevant only when Acrobat X is hosted in a browser (it integrated with a web application).
When running Acrobat X "in browser" (Acrobat plugin for IE or Safari) and expanding the 'Tools' panel the only visible plugin is ours, so the buttons are always clipped (Image #3).
We tried making each toolbutton 32x32 (the icons in the images are 32x32), and that helped to display more of the buttons, but the same area was provided, effectively cutting our toolbuttons in half. There doesn't appear to be anything in the AVTool interface to control this strange clipping behavior.
Is there a workarounf for this issue?
Did anyone encounter this problem?
Where should I start? (please suggest...)
Thanks.
Omri
Image #1:
Image #2:
Image #3:

Any ides?
Did anyone encounter the same issue with the clipping of the buttons?
Omri

Can Captivate 3 Support a Rollover and a Custom Button in the Same Area?

Hello,
I'm trying to create a functionality in a slide that includes both a custom button and a rollover text box. I'd like both the button and the text box to occupy the same area and trigger off the same MouseOver action.
I'm finding that only one or the other will trigger on the MouseOver. It seems like only the top-most object (whether it is the button or the rollover text box) will trigger on the MouseOver.
I've considered multiple workarounds, but each of them I've thought about tend not to fail for one reason or another. Here's what I've considered so far:
Create a rollover slidelet.
          * I can't find a way to import a button into the rollover slidelet. Also, I can't use a rollover image in the slidelet because I need the _down, _up, and _over states.
Create a button with transparent properties outside the bounds of the actual button to include the rollover text.
          * Since I have so many buttons in a row, there's no way to exclude certain portions of the button that might overlap the rest of the buttons. Also, I don't want people to MouseOver where the text box might be to enable the button.
Create a click to jump to the button.
          * This sacrifices the true functionality of the simulation.
Finally, I don't want to use any other program other than the Captivate series of programs to complete this action. I know I can import an animation, but I currently can't support that as a solution.
I'm guessing that I've reached a Captivate limitation. However, I figured I'd give a last ditch effort to see if there's anything out there that might be a clever workaround I can't figure out.
So, what do you all think?
Cheers,
Chris

Hi again
I would then surmise you find yourself upstream with no visible means of propulsion.
Please consider submitting a Wish Form to ask for this capability to be considered in the next version. (Link is in my sig)
I'm not sure how many folks would actually realize there are three states. The down state happens so briefly it's hardly noticeable.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

When I duplicate or copy slides, my custom theme images turn into question marks. Why, and how can I copy themes with slides?

When I duplicate or copy slides, my custom theme images turn into big grey boxes with an 'x' through them and a question mark in the middle in their new destination. When I go look at the master slides, I see that there are now two sets of masters, one for the my custom theme and a new one just like it, but with no images.
How can I copy (or duplicate) my slides?

OK, got it ... the Power ON Factory reset procedures might have changed with GB ...
To get to a Factory reset using the Power up method:
1. Power Off phone
2. Press & Hold the HOME Button
3. Press and Hold the Power ON button.
You come up to the Triangle with the Exclamation mark & android guy.
Press BOTH the Up and Down Buttons at the same time. This brings up the Blue menu of options.
use the Up/Down arrows to scroll thru the choices. Press the POWER Button to Select the menu item you choose.
You can harmlessly test this and just choose to Reboot without doing anything, just to see how it works in case you ever need to do this in the future.
edit: It was concluded in the test group that they changed this process to align it with the new DX2 as the camera button isn't hard-wired like it is in the DX. So likely they just wanted to make this process the same for both platforms. At least it sounds like a good reason...

How can I get a tooltip to show up on a custom button obj on a dashboard?

I have added a ClearAll button object (to clear the filter criteria) on a dashboard that I am working on, and have added some text in the comments section of the properties. I can see the resulting tooltip when I hover over the button in the Client Side IR studio tool; however, when I upload the .bqy to the server and view the report in the web EPM version, the tooltip does not show. I can see the other tooltips for the buttons that were originally on the dashboard template I used, but I cannot see the one for the custom button I added. Does anyone have any ideas how I can get this to show up?
Thanks in advance,
Cindy

I copied an existing clear filter object (I believe this is an image object, but not sure how to confirm) from the provided square tab sample template in Express Template.bqy. After your post, I took a second look at the object and remembered I had changed the name from picClearAll to ClearAll. I had changed the name because the button was continually disabled when navigating within the dashboard before I renamed it. I am assuming this is because the object picClearAll in the provided templates is associated with results filters. I do not have any results filters, so it was showing as disabled. I have filters on the query itself, and was hoping to use this same image on my button to clear the query filters (I put java scripting behind the button to do this).
Another interesting thing about this is that when I change the name of the object back to picClearAll, and during runtime force the button to be enabled, I DO see the tooltip I am trying to get to work; however, as soon as I navigate or refresh the dashboard in some way, the button goes back to disabled.
How can I get the button to be enabled (without having filters on my results), and still show my tooltip?
I am using Hyperion version 11.1.1.3.0.956.
Thank you for your help,
Cindy

How to change duration of selected still image Clips?

iMove is great in all its simplicity. However coming from the Windows (Pinnacle Studio) side I have yet a few mysteries to solve: Changing duration of a single still image clip is trivial, but it seems impossible to do the same operation selecting two or more clips. Did I miss anything? You can specify the duration and apply to all clips, but I have found no way to apply e.g. 4 sec duration to half of the 220 slides in my slideshow. Cmd+R on 100 still images seems like a fairly unintelligent approach. Hints, anyone?

Hi
Anybody?
I'm having the same problem.
I have 500 stills in my timeline (iMovie 06 HD) and there seems to be no way to change the duration of more than one still at a time.
This cannot be right. Please tell me what I am missing!
According to another thread about this issue, the answer was that after I select my group of stills in the timeline, I should be able to open "Media" and "Photos" in iMovie, and then set the stills duration settings that way.
But the button "Show Photo Settings" is greyed out, so I am unable to set the group stills duration.
Any help?
PLEASE?

How to add custom buttons in the tool bar of the crystal reports viewer

Hi,
I'm using Crystal report viewer (Crystal 2008) in my report and I want to add custom buttons and handle them in the tool bar of the viewer. Is there anyway to achieve this?
Please help me in this regard.
Thanks in advance.
Siva.

I did this by adding a picturebox to the toolbar, the same size as the buttons, and loading in an image, and putting code into the Click event of the picturebox.
I also put code into the MouseHover event to change the picture's background color and into the MouseLeave event to change it back.
I have a couple of these buttons. They work very nicely and really look like part of the toolbar.

Adding Custom buttons to ECL Viewer

Hello Everyone,
We have a requirement where I need to add a custom button on the Redlining section of the ECL Viewer. Like currenty, SAP provides tools like Drawing a line or Square or Rectangle and also Insert Image kind of functionality when doing Redlining. So, the question is in this section along with SAP buttons, can I add a custom button out there which helps to provide my own functionality like adding custom drawing tools?
Please let me know if thats possible or does it requrie modifying some of the SAP DLL files.
Thanks,
Shashidhar.

Dear Shashidhar,
regarding your request I have to inform you that the ECL Viewer is developed by a third-party vendor company and so from SAP point of view there is no chance to enlarge the buttons for redlining in the ECL Viewer.
Best regards,
Christoph

Adding custom buttons to the Rich Text Editor in CQ

Hi,
I have added custom buttons to the rich text editor in order to allow our editors to add specific content, such as popovers, custom videos and other data necessary data.
I have successfully modifed the Rich Text editor so, that it includes the custom buttons in the actions panel.
I have also managed to make the buttons work and include the data where necessary, when user highlights the text and clicks on a certain button.
The last bit I am struggling with, is the visual feedback we give to the users when this text has associated action with it.
E.g. when we select this text and make it bold when we click on the word B the button B becomes highlighted in the actions panel, later when we continue typing our text and click again on "bold" the letter B becomes highlighted again.
Is there any button related callback/method I could overwrite to add this functionality and make my button highlighted ?
Thanks,
Puzanovs

After lot's of thinking found a solution....
Essentially the first step is to extend the CQ.form.rte.plugins.Plugin in your custom button.
Then during the UI initialisation we create our "custom"
var pressButton = new ui.TbElement("press-button", this, true,this.getTooltip("press-button")); // Essential extend of the button
setInterval(function() {
                 if(window.jQuery) {
                     window.jQuery(document).ready(function () {
                         window.jQuery(".x-edit-glossary-insert").css({width:45,"background-image":"none"}); // Ignore the background
                         window.jQuery(".x-edit-glossary-insert").text("Press Button"); // Set the name
                        $(document).on({
                            mouseenter: function(){
                              window.jQuery(".x-edit-glossary-insert").html("<b>Press Button</b>"); // Set the name bold
                            mouseleave: function(){
                           window.jQuery(".x-edit-glossary-insert").html("Press Button"); // Set the name normal
                         }}, '.press-button');
             }, 100);
tbGenerator.addElement("press-button", plg.Plugin.SORT_LISTS, pressButton, 10); // element is inserted
Every time the element is inserted I add the following html
<span class="press-button">Test peter</span>
Now, every time in the editor, the content editor mouse overs the custom button it is higlighted in the RTE))

Custom button images clipped

Similar Messages

Maybe you are looking for