Board index JavaServer Faces General Menubutton rendering incorrectly in current Showcase

Menubutton rendering incorrectly in current Showcase

Components, Ajax Framework, Utilities and More.


Posts: 122
Examples:
http://www.primefaces.org/showcase-labs/ui/menubutton.jsf
Toolbar "Navigate" button here: http://www.primefaces.org/showcase-labs/ui/themeswitcher.jsf

Rendering problems:
1. Button height is larger than it should be
2. Triangle icon is rendered twice, one slightly offset from the other
[Edit] 3. Buttons is wider than it should be
[Edit] 4. Space between icon and text is too large

Has been like this for a few days, so I thought I should mention it.
Last edited by porthos on 26 Nov 2011, 13:48, edited 1 time in total.
-------
PrimeFaces 3.4, Glassfish 3.1.2, Mojarra 2.1.6


Posts: 15080
Location: Cybertron

By design.
PrimeFaces Lead


Posts: 122
Looks normal in IE9:
Image

Looks terrible in FF8:
Image
-------
PrimeFaces 3.4, Glassfish 3.1.2, Mojarra 2.1.6


Posts: 15080
Location: Cybertron

Works good on my ff8.
PrimeFaces Lead


Posts: 122
Couldn't say what's ultimately causing this. But FireBug shows the HTML is different between my FF8 and IE9.

In IE9:
<div class="ui-menubutton" id="j_idt44:j_idt45">
  <button name="j_idt44:j_idt45_button"
          class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"
          id="j_idt44:j_idt45_button" type="button">
    <span class="ui-button-icon-left ui-icon ui-icon-triangle-1-s"/>
    <span class="ui-button-text">Options</span>
  </button>
</div>


In FF8:
<div class="ui-menubutton" id="j_idt44:j_idt45">
  <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-button-text-icon-primary"
          type="button" name="j_idt44:j_idt45_button" id="j_idt44:j_idt45_button" role="button" aria-disabled="false">
    <span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span>
    <span class="ui-button-text">
      <span class="ui-button-icon-left ui-icon ui-icon-triangle-1-s"></span>
      <span class="ui-button-text">Options</span>
    </span>
  </button>
</div>
-------
PrimeFaces 3.4, Glassfish 3.1.2, Mojarra 2.1.6


Return to General