Java Development Tools

Hi Team,

Jdev - 12.1.2.0.0

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

I am using button and on button i am displaying icon image. But whenever my page get renders, the icon images coming in left side of button. Which i dont want.

I want to place image icon in middle of the button.

Code:-

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

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

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

                            <af:showPopupBehavior popupId="nodePopUp" triggerType="mouseHover" align="endBefore"

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

                        </af:button>

Could you please help me in achieving this.

Thanks,

Ramit