dojo - How to correct icon alignment for an xe:toolBarButton in the actionFacet of the Page Heading? -


the following image shows proper alignment mbldombuttonwhiteplus icon xe:toolbarbutton on left, not on right in xe:djxmheading.

enter image description here

here source page heading control:

    <xe:djxmheading id="djxmheading1" label="apppage1">             <xe:toolbarbutton id="toolbarbutton3" moveto="apppage2">                 <xe:this.dojoattributes>                     <xp:dojoattribute name="icon" value="mbldombuttonwhiteplus">                     </xp:dojoattribute>                 </xe:this.dojoattributes>             </xe:toolbarbutton>             <xp:this.facets>                 <xe:toolbarbutton id="toolbarbutton4" moveto="apppage3"                     xp:key="actionfacet">                     <xe:this.dojoattributes>                         <xp:dojoattribute name="icon" value="mbldombuttonwhiteplus">                         </xp:dojoattribute>                     </xe:this.dojoattributes>                 </xe:toolbarbutton>             </xp:this.facets>         </xe:djxmheading> 

any ideas on how correct icon alignment xe:toolbarbutton in actionfacet of page heading?

override .mblheadingactionfacet div {top: 4px;} drop plus sign in place... may need change top pixels value based on how div's positioned (relative example).


Comments

Popular posts from this blog

html - How to style widget with post count different than without post count -

How to remove text and logo OR add Overflow on Android ActionBar using AppCompat on API 8? -

javascript - storing input from prompt in array and displaying the array -