How to align a picture icon in the middle of the button

Hi team,

Jdev - 12.1.2.0.0

I have a requirement in which I want to align the image of the icon in the middle of the key.

I use the button and the button I display icon image. But when my page goes, images of icon in left side of the button. That I don't want.

I want to place the image using the button icon.

Code: -.

< af:button id = icon = "#{pageFlowScope.troubleshootingManagerBean.nodeStatusImagePath"b11"} '"

inlineStyle = "width: 225px; color: #434343;     border-color: #bfbfbf;     border-style: solid;     border-width: 1px;     height: 24 PX. "iconPosition ="bottom ".

Disabled = "#{pageFlowScope.troubleshootingManagerBean.disableNodeStatus}" >

< af:showPopupBehavior popupId = "nodePopUp" triggerType = 'sender' align = 'endBefore.

Disabled = "#{pageFlowScope.troubleshootingManagerBean.nodeStatus eq"Red"?" {'false': 'true'} "/ >"

< / af:button >

Could you please help me achieve this goal.

Thank you

Céline

Hello

With the help of inlineStyle is not a good practice. Why not use the counting?

Try this css for the button and it should work fine.

AF | button {}

Width: 225px;

color: #434343;

border-color: #bfbfbf;

border-style: solid;

border-width: 1px;

height: 24 PX.

vertical-align: middle;

text-align: center;

}

Arun-

Tags: Java

Similar Questions

  • How do you get pictures stored in the photo library of iCloud?

    How do you get pictures stored in the photo library of iCloud?

    Richard

    Tucson

    You can use a browser of the computer (for example, Safari) and you connect to https://www.icloud.com/ and open the Photos app here.

    Will be also in the pictures on any device where you have iCloud library lit. On a Mac, it is turned on via the Apple menu > System Preferences > iCloud > Photos > iCloud photo library. On a Mac to OSX Yosemite 10.10.3 or later version. See below for more information: https://support.apple.com/en-us/HT204264

  • How can I change an icon for the device in Windows 7?

    How can I change an icon for the device in Windows 7?

    In 'Control Panel\Devices and printers' I want to change the icon of a device that there are listed.

    Hi Dave Tavres

    I'm afraid to say that you would not be able to change this icon.
    This icon is provided by the hardware manufacturer, and is included in the drivers and architecture has no Windows allows to change this information.
    However, you can use the third party applications to change. Use your favorite search engine to find on the Internet.

    Important note: This response contains a reference to third party World Wide Web site. Microsoft provides this information as a convenience to you. Microsoft does not control these sites and no has not tested any software or information found on these sites; Therefore, Microsoft cannot make any approach to quality, security or the ability of a software or information that are there. There are the dangers inherent in the use of any software found on the Internet, and Microsoft cautions you to make sure that you completely understand the risk before retrieving any software from the Internet.

    It will be useful.

    Thank you, and in what concerns:
    Shekhar S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Smartphones blackBerry how to move an application icon to the home screen

    How to move an application icon in the menu of the applications to the home screen.

    For example the browser icon?

    domdp wrote:

    ... I have the selected theme and I get 10 icons along the left side and bottom...

    ... I think I may be limited to 10 icons...

    Witch hunt... But in reality its limited to 9 icons in the theme of the profiles icon is still present. From this screen, press Menu to display the largest list of icons. ARange so the first 9 icons are the ones you want to see on the theme of the.

  • How to get an icon on the button of the xml file?

    Hi all

    I want to display an icon on the button control. I want to give the path of this xml file icon. How to do this?

    Give a solution on this.

    Thank you

    Hi Swati,

    You can use the property icon on the Button control to display the icon top & read the path of him as below:

    private var imagesPath:XML =

    ;

    Thank you.

  • How can I add missing icon to the desktop shortcuts

    Question too much techno for me... I have several desktop shortcut icons... For most of those who appear as the Mozilla Fox, which is fine, but unfortunately, there are too many icons in Firefox, and I wanted to change some REAL WEB SITE icon, or the favicon. How will I know how to do this? Thank you!

    It is not a matter of Firefox making it simple - the Windows operating system controls the desktop icons, so with 3rd party Windows applications automatically use the application for the shortcut icon, but it is possible to change the image of what you want.

    If you want the image of the Web site that the site to use for the URL bar as a shortcut on the desktop icon to a Web site:

    1. Define the shortcut on the desktop.
    2. Find and save the image you want to use for this shortcut.
    3. Then right click on that shortcut, then open properties > shortcut on the shortcut menu for the shortcut on the desktop, then use "change icon...". " and "Browse... ". " your hard drive for the image you want to use for the shortcut on the desktop.

    Insofar as find and save the Favicon of the site, see the screenshot below.

    1. Locate the icon on the Info Page > media tab and click on it once so it is highlighted, then view this picture in the preview window of media down and also check the Dimensions 32 x 32, if the image is not a picture of Type X-ICON.
    2. Then use the button Save under to save this image - name which has saved something unique, as (for example this forum) mozilla - favicon.ico image then you can tell him apart from any other favicon.ico image you may have saved or save.

    If you want to use your own choice of an image, you can convert the image into an image to favicon.ico here.

    http://Tools.dynamicdrive.com/favicon/

    When you create a favicon.ico for use as a desktop image, make sure that you select the option merge with a 32 x 32 desktop icon on this page.

    edited to make the process clearer

  • How can I change an icon on the toolbar

    I must confess not that I've been a user of default Firefox for some time. Have recently changed to a 64-bit (Windows 8) op system and the only 64-bit browser, I don't see in the Nightly version.

    The regret I have find the icons in the toolbar very bland and want to change some of them to my custom icons, but can not find how to do this. Custom toolbars can be created or modified, but can not change icon.

    Pointers, tips, tips or advice would be welcome. Also have tried looking for browser.css, but can not find.

    Thanks in advance

    Keith

    Hello, normal firefox versions run fine on versions 64 bits of windows - so just for this reason that you wouldn't have to spend for an alpha version of the browser...

  • How to make fonts and icons in the menus for each larger screen?

    How to make larger fonts and icons in the menus on my iMac screen?

    You can change the size of icons, arrange them in a grid and set other preferences for items on your desktop by changing the options to display on your desktop. To change your desktop view options, click on the desktop and then choose the command view > Display Options from the menu bar. You can try different settings to see which ones you like, you will immediately see the effects of your changes.

  • How to make a website icon on the screen

    Hi all:

    I'm on iPad and we chrome google setup. If Chrome has sought a website, how to save

    This Web site as an icon on the home screen?

    Thank you!

    Press the square with an arrow coming out it in the upper right corner and then tap Add to home screen.

  • How to put an icon on the button?

    Hey!

    How to make a button on the front with an image (icon) on the inside?

    Thank you!

    I found a solution: http://decibel.ni.com/content/docs/DOC-9921

  • How to remove arrow shortcut icon on the desktop

    I have win7 pro 64-bit... and I want to remove the arrow from shortcut icon on the desktop... plz can u suggest me how to do... What registry should be deleted?

    On Tuesday, January 18, 2011 14:51:03 + 0000, Sheikh Ali wrote:

    I have win7 pro 64-bit... and I want to remove the arrow from shortcut icon on the desktop... plz can u suggest me how to do... What registry should be deleted?

    Although it is possible to remove the arrow, my recommendation is that
    you are not doing this. The arrows are an important
    function - provide quick visual identification of a shortcut. If you
    remove the arrows, you run the risk of substantial that sooner or later
    you delete something you want to keep, thinking that you were
    just remove a shortcut. I let the arrows that they are.

    Ken Blake (MS-MVP)

    According to me, there are situations that are valid for this.  I would like to remove the arrow from shortcuts on the desktop that I keep to certain folders.  I have file extensions on and do not keep the installers on the desktop, so I don't see the harm to remove the arrow of my shortcut 'Documents '.  I never think of Documents is actually stored on the desktop.  And if something, it only would make me more hesitant to delete a shortcut, no more likely to remove a real folder.  I plead to remove the arrow system, but it would be useful for specific desktop icons.  It's obviously the case, because Microsoft has decided to remove the arrow for "user files" folder is added through the control panel "Desktop Icon Settings".

  • How can I restore my icon to the Recycle Bin?

    Seems to me havedeleted my icon to the trash and does not know how to give my counter top.

    I assume you mean the trash icon? Right click on the desktop | Customize. At the top left, click on Change desktop icons and check the box for the basket. Apply.

  • How can I restore my icons on the desktop to backup files after reinstalling Win 7 Home?

    HD failure forced me to reinstall my Win 7 home page.  Fortunately, I was able to save before total chaos ensued.  (My set of files has been relatively low, so I did a copy/paste of my drive c: \.)  How can I restore my desktop icons in the backup files?

    Hi pb1313,

    Thanks for posting in the Microsoft Community. It seems that you try to restore the backup after reinstalling Windows 7.

    As you have copy and pasted the c drive visit this link if you want to manually transfer files ignore the title and see the steps mentioned in this link and check:

    How to restore a Windows 7 computer to a previous Windows installation by using the Windows.old folder

    http://support.Microsoft.com/kb/971760

    Hope this information helps. If you have any other questions feel free to respond and we would be happy to help.

  • How can I remove picture libraries in the app photo 8 of widows?

    How can I remove image libraries in the application of photo of windows 8?

    If you are on a desktop or laptop computer, it's easy. Just go to the start screen, type in the search bar 'photos', and then click the folder in which the photo you want to delete is in. Then left click on the photo you want to delete and press 'delete '. You will see the picture that you want to remove is gone. Simple! Hope this has helped.

  • How to draw a video icon at the top of the image in Photoshop

    Hi team,

    Could you please tell how to draw the video icon (circle or square with triangle in the Center) at the top of the image in Photoshop? I am beginner so detailed step will be appreciated.

    Thank you very much in advance,

    Concerning

    Marianna

    Thanks Melissa. I also found another way to do it, if we have a video icon. Open the image you want to put the video icon on the top. After go to file-> Placed bound. Icon position to your liking and save.

Maybe you are looking for