Toolbar Button/Tab Spacing in Skin

Hi, all,
Is there a method for decreasing the spacing between the buttons or tabs on a skin's toolbar? I'm trying to create a layout that makes the tabs appear to run together, but I can't seem to find a way to eliminate the spacing between them. I've been playing with the skin XML to see if there's a method in there.
Thank you in advance.

Welcome to our community
Your best bet would be to create images that look as you want and use them for the Skin toolbar.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Similar Messages

Sample script to pop-up txt box on mouse-over on skin toolbar button?

RH9,WebHelp Pro
I am completely new to scripting. I have customised a toolbar button in the skin and while it is easy enough to place a hyperlink to be activated on click, I would also like to display a text caption when the user rolls over the button before clicking.
Can anyone provide or point me to an example of the required syntax?
Thank you.

Hi,
You have to modify the title attribute of the link. The browser will show that text when you hover the link. I believe that WebHelp uses the text of the button as the title.
If that doesn't work for you, you can use the onMouseOver event to show and hide a tooltip. Check out Walter Zorn's tooltip script: http://edwardsmark.com/proofOfConcept/walterZorn/ It has some good examples of how to set up the script.
Greet,
Willam

Where is the new tab toolbar button in firefox 6x

in firefox 4.x there is a toolbar button for new tab, where is the button in firefox 6.x?
can this be downloaded as a add-on or theme?

You can find the New Tab button showing as a '+' on the Tab bar.
You can open the Customize window and drag the New Tab button that shows as a plus sign (+) from the Tab bar on another toolbar and it will become a regular toolbar button like the New Tab button that you have in Firefox 3 versions.
If you can't find the New Tab button then click the "Restore Default Set" button in the Customize window.
If you want the New Tab button at the far right end of the Tab bar then place a flexible space to the left of it.
* New tab toolbar button: https://addons.mozilla.org/firefox/addon/new-tab-toolbar-button/

Put same toolbar button in two place

Hi,
Is there a way to put a same toolbar button in two or more places?
Before version 4, I am able to put the 'Open a new tab' button in front of the bookmarks toolbar and still have the new tab button next to the last opened tab. But since the version 4 update, I notice the 'Open a new tab button' will only appear in one of these places.

Hi,
You can change the .skn file with notepad, but I'm not sure what will be retained in the output.
For all skin related questions, check Rick Stone's Skinny on Skins: http://www.robowizard.com/RoboWizard/NewProject.htm#Downloads/Skinny_on_Skins.htm
I don't know whether your questions are answered in skinny on skins, so post back if you don't find the solution in there.
Greet,
Willam

Change the position of toolbar buttons in RoboHelp 9 (WebHelp)

Hi,
I have been trying to create a custom skin for my webhelp output. I am able to specify the toolbar background image. However, the text in the image is being hidden by the toolbar buttons (Contents, Index, Serach, etc buttons). Is there any way to alter the position of the toolbar buttons (for example, lowering these buttons) so that the text in the image is displayed clearly?
I would be glad to know of any work-around to this problem.
Thanks!

Hello again
After I replied I noticed you had replied to two other threads. Really old threads. You basically asked the same question twice about how to resize images.
As you are new here you likely don't understand the "rules of the road" so to speak. So it would be helpful to you to take a few moments and read through the thread I'm linking below. We put it together to help new folks.
Click here to view
As for how to change those button images, you do that using another application that manipulates images. SnagIt, PhotoShop, Windows Paint, GIMP, Paint Shop Pro, Etc.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Add to Favorites Toolbar Button

I am trying to add a toolbar button (for webhelp output) for a client to use that will add the current page to the user's IE Favorites list. I have used the script from Rick Stone's Skinny On Skins "Toolbar button to add items to the Favorites list" topic, but I get a javascript error when trying to execute the button in the toolbar.
Here is the code I'm copying from Rick's Skinny on Skins ...
javascript:window.external.AddFavorite(parent.frames[1].bsscright.location,paren t.frames[1].bsscright.document.title);
Any help would be welcomed!

Wow. A reply for such an old thread :-)
The problem here is not a space, but that browsers work differently with favorites/bookmarks and don't always support it through JavaScript. If anyone is looking at this thread, here are two solutions:
- WebHelp buttons: http://www.wvanweelden.eu/product/webhelp-pro-toolbar-scripts
- WebHelp favorites: http://www.wvanweelden.eu/product/favorites-widget-webhelp
Kind regards,
Willam

Calling external url like 'GOOGLE' when user clicks on toolbar button

Hi All,
       I have done the following steps for url creation:
   1. I have created an event and assigned it to newly created toolbar grp.Then in 'Define Application Layout' I have created an entry specifying name of application, toolbar, event, tab grp and version.
   2. Then in navigation for url generation I have created a method with blank object name. This method I have then assigned to a role.Here i have specified path for extenal link say 'google'.
   3. I have assigned same role to me in su01 transaction.
   4. when i run my application ,toolbar is getting displayed but when I click on toolbar nothing is getting open up.
           Is this the correct way for url generation or do i need to do something else?Is there any coding needs to be done?I have provided with steps done by me.Please help me further.
Regards,
vikas

Hi.
That's not possible in the PCUI since when the button is pressed a PCUI event is triggered and handle by the PCUI framework and we don't have access to the layout in order to react to such event (like placing javascript windows.open or kind of). The events defined in the PCUI are only supported by the PCUI framework. You could create an HTML container and then start the external web application (www.google.com or whatever) in this container (there is a good blog written by Gregor Wolf at <a href="/people/gregor.wolf3/blog/2005/05/27/use-crm-pcui-html-viewer-to-call-a-custom-url:///people/gregor.wolf3/blog/2005/05/27/use-crm-pcui-html-viewer-to-call-a-custom-url) or as Raj said you can use "Object Link Navigation" in order to start a new window with the PCUI layout where you can create another container with the web application you want to display (for more details have a look to the PCUI cookbook).
Best regards.
Armando Rodriguez.

Example: Customized Segmented ToolBar Buttons

Hi,
I have some mistake when I tried the example [Customized Segmented ToolBar Buttons|http://fxexperience.com/2012/02/customized-segmented-toolbar-buttons/] from Richard Bair.
My css
#background {
    -light-black: rgb(74, 75, 78);
    -dark-highlight: rgb(87, 89, 92);
    -dark-black: rgb(39, 40, 40);
    -darkest-black: rgb(5, 5, 5);
    -mid-gray: rgb(216, 222, 227);
    -fx-background-color: -mid-gray;
.segmented-button-bar .button {
    -fx-background-color:
        -darkest-black,
        -dark-highlight,
        linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
    -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
    -fx-background-radius: 0;
    -fx-padding: 0.4em 1.833333em 0.4em 1.833333em;
.segmented-button-bar .button.first {
    -fx-background-insets: 0, 1, 2 1 1 1;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 2 0 0 2;
.segmented-button-bar .button.last {
    -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 2 2 0;
.segmented-button-bar .button:pressed {
    -fx-background-color:
        -darkest-black,
        rgb(55, 57, 58),
        linear-gradient(to top, -light-black 2%, -dark-black 98%);
}My fxml
<BorderPane
    fx:controller="de.pro.typwriter.welcome.WelcomeActivity"
    xmlns:fx="http://javafx.com/fxml">
    <top>
        <HBox alignment="top_right" styleClass="segmented-button-bar">
            <children>
                <Button text="About" onAction="#onActionGoToAbout" styleClass="first" />
                <Button text="Help" onAction="#onActionGoToHelp" styleClass="last" />
            </children>
        </HBox>
    </top>
</BorderPane>When I have the links styleClass="first" and styleClass="last" in the css-file this exception is thrown:
SEVERE: javafx.scene.control.Control impl_processCSS The -fx-skin property has not been defined in CSS for Button@100bac2[styleClass=first]
SEVERE: javafx.scene.control.Control impl_processCSS The -fx-skin property has not been defined in CSS for Button@e51b2c[styleClass=last]After removing the links in the buttons the following exception is thrown:
WARNING: com.sun.javafx.css.StyleHelper lookup caught:
java.lang.ClassCastException: java.lang.String cannot be cast to javafx.scene.paint.Paint
     at com.sun.javafx.css.converters.PaintConverter$SequenceConverter.convert(Unknown Source)
     at com.sun.javafx.css.converters.PaintConverter$SequenceConverter.convert(Unknown Source)
     at com.sun.javafx.css.Value.convert(Unknown Source)
     at com.sun.javafx.css.StyleHelper.lookup(Unknown Source)
     at com.sun.javafx.css.StyleHelper.lookup(Unknown Source)
     at com.sun.javafx.css.StyleHelper.transitionToState(Unknown Source)
     at javafx.scene.Node.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.control.Control.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Node.processCSS(Unknown Source)
     at javafx.scene.Scene.doCSSPass(Unknown Source)
     at javafx.scene.Scene.preferredSize(Unknown Source)
     at javafx.scene.Scene.impl_preferredSize(Unknown Source)
     at javafx.stage.Window.adjustSize(Unknown Source)
     at javafx.stage.Window.access$700(Unknown Source)
     at javafx.stage.Window$13.invalidated(Unknown Source)
     at javafx.beans.property.BooleanPropertyBase.markInvalid(Unknown Source)
     at javafx.beans.property.BooleanPropertyBase.set(Unknown Source)
     at javafx.stage.Window.setShowing(Unknown Source)
     at javafx.stage.Window.show(Unknown Source)
     at javafx.stage.Stage.show(Unknown Source)
     at de.pro.typwriter.manager.TypWriterManager.initApplication(TypWriterManager.java:122)
     at de.pro.typwriter.TypWriter.start(TypWriter.java:34)
     at com.sun.javafx.application.LauncherImpl$5.run(Unknown Source)
     at com.sun.javafx.application.PlatformImpl$4.run(Unknown Source)
     at com.sun.javafx.application.PlatformImpl$3.run(Unknown Source)
     at com.sun.glass.ui.win.WinApplication._runLoop(Native Method)
     at com.sun.glass.ui.win.WinApplication.access$100(Unknown Source)
     at com.sun.glass.ui.win.WinApplication$2$1.run(Unknown Source)
     at java.lang.Thread.run(Thread.java:662)
WARNING: com.sun.javafx.css.StyleHelper lookup styleable = 'artificial' StyleableProperty {property: -fx-background-color, converter: Paint.SequenceConverter, initialValue: <Value>
<value values="1">
    <Value>
      <value>Color[red=0,green=0,blue=0,opacity=1.0]</value>
      <converter>null</converter>
    </Value>
</value>
<converter>Paint.SequenceConverter</converter>
</Value>
WARNING: com.sun.javafx.css.StyleHelper lookup resolved = <Value>
<value values="3">
    <Value lookup="true">
      <value>-darkest-black</value>
      <converter>null</converter>
    </Value>
    <Value lookup="true">
      <value>-dark-highlight</value>
      <converter>null</converter>
    </Value>
    <Value>
      <value values="7">
        <Value>
          <value>0.0%</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value>0.0%</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value>0.0%</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value>100.0%</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value>NO_CYCLE</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value values="2">
            <Value>
              <value>2.0%</value>
              <converter>null</converter>
            </Value>
            <Value lookup="true">
              <value>-light-black</value>
              <converter>null</converter>
            </Value>
          </value>
          <converter>StopConverter</converter>
        </Value>
        <Value>
          <value values="2">
            <Value>
              <value>98.0%</value>
              <converter>null</converter>
            </Value>
            <Value lookup="true">
              <value>-dark-black</value>
              <converter>null</converter>
            </Value>
          </value>
          <converter>StopConverter</converter>
        </Value>
      </value>
      <converter>LinearGradientConverter</converter>
    </Value>
</value>
<converter>Paint.SequenceConverter</converter>
</Value>
WARNING: com.sun.javafx.css.StyleHelper lookup node = ButtonSkin[id=null, styleClass=button]Any idea?
NetBeans 7.1, Windows XP, JavaFX 2.0.2

I haven't tried the code locally, but I'm sure that this is due to Richard building his demo with the developer preview JavaFX 2.1, which features numerous improvements to FXML. I note you're using the JavaFX 2.0.2 GA release. If you are in a developer environment (i.e. you aren't deploying to end users), you may want to consider upgrading to JavaFX 2.1 Developer Preview builds. You can go here to download the builds (and note that the builds are updated weekly):
http://www.oracle.com/technetwork/java/javafx/downloads/devpreview-1429449.html
-- Jonathan

Safari 6.2 update killed third-party toolbar buttons: SOLUTION to re-enable them

After installing the Safari 6.2 update as part of a recent OS X update, on my MacBook Air running OS X 10.8.5 (Mountain Lion), both my third-party toolbar buttons (via Safara extensions) suddenly vanished (LastPass and Pinterest). Reinstalling them didn't help, and Safari > Help > Installed Plug-Ins shows them as installed just fine.
The SOLUTION: Safari 6.2 has added an unannounced privacy setting with default setting set to OFF. All I had to do to re-enable both missing toolbar buttons was to go the Extensions tab of Safari > Preferences, and for each extension listed on the left, click it and then check the (suddenly-by-default-unchecked) checkbox to enable the extension.
Boo Apple for turning off everyone's Safari extensions without notice, and without instruction about how to re-enable them.

mjhar wrote:
I purchased and downloaded Snow Leopard and everything worked fine. I was able to play all of my DVDs some of which I use for teaching purposes. Then I received a notice to download 10.6.2 update for Snow Leopard. I allowed the software to download and install itself on my Mac. After that some of my DVD's no longer played and when I tried to play them my whole system locked up and I had to manually power down before I could get the DVD out of the player.
Welcome to Apple's discussion groups.
There's now a 10.6.3 update, which fixes a long list of things. I'd download and install the "combo" updater:
http://support.apple.com/kb/DL1017

How do I stop my toolbar buttons disappearing every time I restart Firefox?

My toolbar buttons disappear every time I restart Firefox 4.0.1. They used to disappear only every week or so. Then I tried the recommended fix at "http://kb.mozillazine.org/Bookmarks_history_and_toolbar_buttons_not_working_-_Firefox" dealing with file places.sqlite. Now they disappear every time I start, which is several times a day due to RAM usage sometimes approaching 1GB after a few hours. I am on Win 7 and have customized with tabs on bottom and to display the menu bar and put my buttons at top to save space. This is driving me insane. I have to re-customize the toolbars every time I open the browser. I did not have this problem with Ff 3.6. I have tried the safe mode and checked add-ons 1 at a time. Nothing changes except now it's every time instead of every week or so. I cannot switch to Chrome full time because they don't have all the add-ons I need for work. Please help.

If you lose the toolbar customization then you do not have a problem with places.sqlite, but with the file localstore.rdf in the [[Profiles|Profile folder]].
* http://kb.mozillazine.org/Corrupt_localstore.rdf
Use the Google cache in case of problems accessing the MozillaZine KB (prefix links with cache:):
*http://www.google.com/search?hl=en&ie=UTF-8&q=cache:http://kb.mozillazine.org/Corrupt_localstore.rdf

Can the text on toolbar buttons be changed?

In my Customize Toolbar window, I have it set to show toolbar buttons - such as Back/Forward, New Tab, Home - as Text. Is it possible to change the actual text that shows for these buttons, for example Bk/Fwd for "Back/Forward"?

Yes, if your on iCloud you can go into the calendar application and tap the calendars button. Then tap Edit, [Name of Calendar], then tap which colour. If you using any other client [Gmail, Exchange etc] you can go onto the change the colour online.

Trying to create two toolbar buttons. Need codes.

I am trying to use the Custom Buttons addon to create the following two toolbar buttons. Bu I need the codes and I didn't get aid at the Custom Buttons official forum. Hope someone here could help.
(1) Force links to open in new background tabs
Click on this button and then everytime you open a link, it opens in a new background tab. Click on it again and then the original setting is restored.
(2) After the current tab is closed, open the right tab
Click on this button and then everytime you close a tab, the tab next to it on the right will be opened. Click on this button again and then the original setting is restored.
Thank you in advance.

''FredMcD [[#answer-681024|said]]''
<blockquote>
I've called the big guys to help you. Good luck.
</blockquote>
Thank you for your assistance.

Create Multiple Signature and Date fields with a custom Toolbar Button

First off, thanks in advance! I am a scripting newbie and I am trudging my way through with very little experience with scripting of any kind. I am good at taking other's scripts and forming them into something I need, but I can't seem to find anything to do what I want.
Using Adobe Acrobat X, I am trying to create a toolbar button that I can press to create multiple signature and date fields with predetermined locations.
Below is the script I have that is working to create just a single signature box, but I can't seem to figure out the exact syntax to have that same button create multiple fields. In total it is 9 signature fields and 9 date fields need to be created. If you can just give me an example of what the button would look like with multiple scripts? I was assuming I would set up multiple variables and then in the cExec property of the toolbar button I could just call out all of those variables?
var sigswm = "addField('sigSWM', 'signature', '0', [108, 198, 494.64, 72])"
app.addToolButton({cName: "dotbutton", cExec: sigswm, cLabel: "Place Signature and Date Blocks",});
Thanks in advance for any help you can provide.
Billy Sweeney

Thanks! That was probably the only thing I didn't try.
I do have one more question. What I want is when the signature field is clicked it fills out a specific date field. I beleive the script I want would be:
var currentTime = new Date()
    var month = currentTime.getMonth() + 1
    var day = currentTime.getDate()
    var year = currentTime.getFullYear()
    var signingTime = day +"/"+month+"/"+year
    var f = this.getField("dateSWM");
    f.value = signingTime;
I found this on another thread that mentioned it could be placed in the Signed tab of the signature properties dialog. I am assuming it would be placed in my button script file as a setAction script for each signature, but I am not real sure exactly where or how?

Toggling of toolbar buttons

Hi guys..
M new to the gang..
m facing one probs..
I am unable to toggle buttons in toolbar with keystroke combination. I am using JDK 1.1 coz m working on Mac. I can't use setAccelerate method for toggling button in toolbar. Then how to do tht. eg. I wanna toggle a button with ctrl + B for bold button.
Thnx
Raj

Hi Juergen,
It is possible. It is in the properties of a specified Toolbar-Button.For that
Double click the required Toolbar Buttons.
In the general tab one check box (hidden) is there.
click on that and u have condition button.
Finally enter the required condition.
Refer this link.It ll be useful to u
<a href="http://help.sap.com/saphelp_nw70/helpdata/en/2d/10ca16b69e4f76995cac1b98801534/content.htm">http://help.sap.com/saphelp_nw70/helpdata/en/2d/10ca16b69e4f76995cac1b98801534/content.htm</a>
Regards,
Hemalatha
/* Points are Welcome*/

How to fix panelCollection toolbar buttons layout in Chrome [BUG]

Hello,
The bug is here for years.
I've got a panelCollection with a toolbar and a number of toolbar buttons in it.
In IE/Firefox it's all fine.
In Google Chrome some buttons get randomly hidden after PPRs. One can only tab to them.
Take a look at the screenshot: http://img252.imageshack.us/img252/6218/adftoolbarchrome.png
Here's page code:<af:panelCollection id="pc_tree" featuresOff="statusBar" defaultToolbarItemDisplay="icon">
                <f:facet name="menus"/>
                <f:facet name="toolbar">
                  <af:toolbar id="t9" partialTriggers="::pc1:t1 tree1">
                    <af:commandToolbarButton text="#{templateBundle.EXPAND}" id="ctb_expand"
                                             actionListener="#{backingBeanScope.TemplateBean1.expandTemplateTree}"
                                             icon="/img/tree.png"
                                             disabled="#{bindings.TemplateView1Iterator.currentRow == null}"/>
                    <af:spacer width="10" height="10" id="s1"/>
                    <af:commandToolbarButton text="Создать компоненту" id="ctb_del"
                                             disabled="#{bindings.TemplateView1Iterator.currentRow == null}"
                                             icon="/img/tree_1_level_create.png"
                                             disabledIcon="/img/tree_1_level_create_bw.png" accessKey="1">
                      <af:showPopupBehavior popupId="::p2_create"/>
                    </af:commandToolbarButton>
                    <af:commandToolbarButton text="Создать параметр" id="ctb3" icon="/img/tree_2_level_create.png"
                                             disabled="#{bindings.ComponentView1Iterator.currentRow == null || bindings.ComponentIdkComponent.inputValue == '3' || bindings.ComponentIdkComponent.inputValue == '4'}"
                                             disabledIcon="/img/tree_2_level_create_bw.png" accessKey="2">
                      <af:showPopupBehavior popupId="::p3_create"/>
                    </af:commandToolbarButton>
                    <af:commandToolbarButton text="Создать показатель" id="ctb4"
                                             disabled="#{bindings.ComponentView1Iterator.currentRow == null || bindings.ComponentIdkComponent.inputValue != '2'}"
                                             icon="/img/tree_3_level_create.png"
                                             disabledIcon="/img/tree_3_level_create_bw.png" accessKey="3">
                      <af:showPopupBehavior popupId="::p2" alignId="ctb4"/>
                    </af:commandToolbarButton>
                    <af:commandToolbarButton shortDesc="Редактировать" id="ctb_edit" icon="/img/edit.png"
                                             disabled="#{bindings.ComponentAllView1Iterator.currentRow == null}"
                                             accessKey="e">
                      <af:showPopupBehavior popupId="#{bindings.ComponentIdkComponent.inputValue == '1' ? '::p2_edit' : (bindings.ComponentIdkComponent.inputValue == '2' ? '::p3_edit' : '::p4_edit')}"/>
                    </af:commandToolbarButton>
                    <af:commandToolbarButton id="ctb23" icon="/img/delete.png"
                                             shortDesc="#{templateBundle.COMPONENT_DELETE}"
                                             disabledIcon="/img/delete_bw.png"
                                             disabled="#{bindings.ComponentView1Iterator.currentRow == null || bindings.ComponentIsDelete.inputValue != '1'}">
                      <af:showPopupBehavior popupId="::p_del"/>
                    </af:commandToolbarButton>
                    
                    <af:spacer width="10" height="10" id="s2"/>
                  </af:toolbar>
                </f:facet>
</af:panelCollection>

Tried once.
About a year ago. Got an answer like "Google should fix their bugs themselves".
Should try another one time.
Is there any workaround? I can't be the only person with this problem.
Here is a testcase application: http://dl.dropbox.com/u/8422244/ADF/ToolbarButtonsApp.zip
In Google Chrome right-hand toolbar buttons get hidden after table row selection or left links click (on PPR).
Found the answer at once. ADF conflicts with Chrome AdBlock extension.

Toolbar Button/Tab Spacing in Skin

Similar Messages

Maybe you are looking for